vue撸权限系统学习笔记

花裤衩vue撸权限系统教程篇一

• router.currentRoute.pah 和 this.$route.path都是表示当前路由吗
• axios拦截器 请求拦截，响应拦截
• 跨域问题 vue.config.js配置
• nginx反代理
• mock.js 前端自主搭建文档环境 模拟接口数据 自己测试
• module:1 Uncaught (in promise) cancel vue中取消删除操作时报错，原因时把catch()方法注释掉了。

this.$confirm方法内置pormise方法不能把.catch()去掉（因为取消操作时，无法捕获）。

vuex 刷新页面后 vuex的内容会丢失

index.js文件中的hidden:true属性的用法：

通过判断路由对象里面的hidden值选择是否渲染该路由入口。
然而你在路由视图里面是无法通过$route.hidden来取得路由对象的hidden属性的，因为路由渲染的时候会把无关的字段忽略掉。只是一个判断路由入口是否可见的开关而已。

路由渲染的判断

vue嵌套组件的生命周期 嵌套关系：A>B>C

参考链接

beforeCreate: Root
created: Root
beforeMount: Root
beforeCreate: A
created: A
beforeMount: A
beforeCreate: B
created: B
beforeMount: B
beforeCreate: C
created: C
beforeMount: C
mounted: C
mounted: B
mounted: A
mounted: Root

• beforeCreate、created、beforeMounted是由外到内，由父到子，顺序执行；而mounted则是按由子到父的顺序执行。
• mounted执行顺序是由子到父，所以如果子组件给父组件传值的话，一定要在mounted传递数据。如果父组件在created中接收，会存在先执行父组件的created再执行子组件的mounted或created，导致取不到值的问题。

权限验证 通过token获取用户对应的数据信息，动态根据用户的权限推算出用户有权限的路由，通过router.addRoutes动态挂载路由。