1、token的增删查的封装,在一个js文件中
getToken、setToken、removeToken
有的是Cookies存储,有的是localStorage的存储,都是本地存储,所以对token的存储都是对本地存储的一种操作
import Cookies from 'js-cookie'
const TokenKey = 'Admin-Token'
export function getToken() {
return Cookies.get(TokenKey)
}
export function setToken(token) {
return Cookies.set(TokenKey, token)
}
export function removeToken() {
return Cookies.remove(TokenKey)
}
2、鉴权思路
1、引入路由对象
2、引入存储对象
3、引入工具:弹窗、进度条、获取token方法
4、路由对象的方法beforEach传入箭头函数,开启进度条
5、正式开始鉴权:分为俩种情况,已登录和未登录
已登录:又分俩种情况,是否已经存在路由数据,
存在:直接通过
不存在:触发一个actions去请求路由数据,获取到数据后通过路由addRoutes方法完 成动态路由的设置
未登录:又分俩种情况,是否是不需要登录的页面,即白名单内
是白名单的页面直接通过
不是就要通过next()导航去登录页面
3、图片预览插件:v-viewer插件