2021.7.27axios、网络请求、跨域请求、回车提交、动态修改html元素坑14（axios、跨域请求、vite、proxy代理）：在调用axios时直接传绝对地址会报错："...has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resour

2021.8.16坑53（vue3、vue-router4、动态路由、刷新404或白屏、next）：简略版：（tips：不只刷新会出问题，输入网址导航也会）1、刷新404：将匹配全部为定义路径到404的路由从静态路由表中去除，在动态权限路由都添加了之后在添加。接下来可能会报warn并白屏，解决方法见下一条2。2、刷新白屏：如果是在路由守卫router.beforeEach中检测并用router.a

2021.8.12坑50（vue-router4、addRoute()、router.options.routes未更新）：进行动态权限获取菜单的设置，使用了addRoute()来添加路由，但是router.options.routes未更新，依然只有原来的路由列表值。相关API简要介绍：addRoute()，添加一条新的路由记录到路由，文档：API 参考 | Vue Router (vuejs.

2021.9.16坑74（el-form、label、对齐方式）：el-form 设置标签 label 的对齐方式 label-position 属性为 right 或 left 时，需同时设置标签宽度 label-width 属性。若无设置，标签 label 的宽度会随标签内容自动调整，无对齐效果（ label 看似左对齐，但内容头部不会对齐，会贴着 label ）。默认对齐方式为 right

2021.9.22坑81（vue、@click、绑定多个事件）：@click 绑定多个事件，中间逗号隔开即可，参数各自传输。代码如下：@click='function1,function2(para)'参考：vue中@click绑定多个事件_YanHSama的博客-CSDN博客_@click绑定多个事件坑82（vue、props、emits、触发函数）：问题场景是父组件使用props传输函数到子组

2021.7.29坑19（css、el-menu、目录、样式）：配置完目录el-menu后，发现其中文字内容均为居中展示，而element-plus官网文档效果是左对齐的。发现原因：包裹目录的组件中设置了text-align: center，改为left即可实现目标效果。但这也会影响到其他各组件的效果。参考： element ui 导航怎么让菜单对齐啊-CSDN论坛坑20（css、el-menu、

2021.8.30坑56（npm、yarn、ncu、vue3.2.x、升级包、esbuild、element-plus）：主要是完成之前未完成的vue到3.2.x的更新（因为element-plus当时依然是基于3.1.x版本的vue，更新后会报错，详见 Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v

2021.8.16坑53（vue3、vue-router4、动态路由、刷新404或白屏、next）：简略版：（tips：不只刷新会出问题，输入网址导航也会）1、刷新404：将匹配全部为定义路径到404的路由从静态路由表中去除，在动态权限路由都添加了之后在添加。接下来可能会报warn并白屏，解决方法见下一条2。2、刷新白屏：如果是在路由守卫router.beforeEach中检测并用router.a

2021.8.12坑50（vue-router4、addRoute()、router.options.routes未更新）：进行动态权限获取菜单的设置，使用了addRoute()来添加路由，但是router.options.routes未更新，依然只有原来的路由列表值。相关API简要介绍：addRoute()，添加一条新的路由记录到路由，文档：API 参考 | Vue Router (vuejs.

2021.7.28坑17（vue3、生命周期钩子、导航守卫、页面刷新）：发现页面刷新后在导航守卫afterEach()中设置的头部的面包屑、标题、标签页调整函数updateHeader()并未触发，即刷新页面无法触发afterEach()，也就无法正确显示刷新后页面的头部。解决方法：在生命周期钩子onMounted()中调用updateHeader()，该钩子会在页面刷新后触发。以上导航守卫和生命