vue2后台管理实现权限控制

vue2后台管理实现权限控制

axios二次封装选择
1,在request.js中去写请求拦截与响应拦截，在api文件中有很多接口的js文件，引入request.js并且里面书写接口并且暴露 页面中要使用的话直接引入就可以了，或挂在在vue原型上可以直接使用
2.第二种办法 封装在request中直接挂vue原型上 页面中传入接口与参数直接使用

vue2后台权限控制的办法
在写页面路由的时候 写固定路由和不固定路由两种 账号登录之后后端会返回此账号的菜单权限 遍历不固定路由与后端返回的菜单权限比较看有没有 筛选出有的 和固定路由合并 最后添加上*号匹配的路由 addRoutes重新添加新的路由就可以了（相当于重写路由） addRoute是添加路由 然后页面的菜单menu的数据可以根据固定路由加上筛选出的路由来充当数据

vue2 按钮的权限控制
登录之后后端会返回所有的按钮的权限 直接存进状态机 或放进本地存储（因为状态机会刷新掉） 直接使用v-show来找到相对应的权限 进行判断就可以了

在一步准备学webpack 加油