vue 权限认证token的实现方法

发布时间：2020-12-17 02:16:46 所属栏目：百科来源：网络整理

导读：最近搞一个vue的项目，接口带了权限验证，于是乎稍微研究了一下，中间遇到的各种坑都来源于自己概念的不熟悉。主要呢是分两步：一是vue路由层的控制，由于项目的路由有规律可循，所以没有采用网上requireAuth那种在需要加验证的路由上配置meta(具体见：) c

最近搞一个vue的项目，接口带了权限验证，于是乎稍微研究了一下，中间遇到的各种坑都来源于自己概念的不熟悉。

主要呢是分两步：

一是vue路由层的控制，由于项目的路由有规律可循，所以没有采用网上requireAuth那种在需要加验证的路由上配置meta(具体见：)

const router = new Router({...})

router.beforeEach((to,from,next) => {
if(/^/[S|B|V]/.test(to.path)){
if (isLogin()) {//判断token信息的自写方法
next();
}
else {
next({ name: 'login' })//跳转到登录页
}
}
else {
next();
}
})

二是http 拦截器，统一处理所有http请求和响应，就得用上 axios 的拦截器。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!