记录。。。。

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插件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值