vue2后台管理实现权限控制
axios二次封装选择
1,在request.js中去写请求拦截与响应拦截,在api文件中有很多接口的js文件,引入request.js并且里面书写接口并且暴露 页面中要使用的话直接引入就可以了,或挂在在vue原型上可以直接使用
2.第二种办法 封装在request中直接挂vue原型上 页面中传入接口与参数直接使用
vue2后台权限控制的办法
在写页面路由的时候 写固定路由和不固定路由两种 账号登录之后后端会返回此账号的菜单权限 遍历不固定路由与后端返回的菜单权限比较看有没有 筛选出有的 和固定路由合并 最后添加上*号匹配的路由 addRoutes重新添加新的路由就可以了(相当于重写路由) addRoute是添加路由 然后页面的菜单menu的数据可以根据固定路由加上筛选出的路由来充当数据
vue2 按钮的权限控制
登录之后后端会返回所有的按钮的权限 直接存进状态机 或放进本地存储(因为状态机会刷新掉) 直接使用v-show来找到相对应的权限 进行判断就可以了
在一步准备学webpack 加油