概念:
在没有登录的情况下不允许用户进入需要身份认证的页面
实现方式:
登录成功后,保存 token,在全局前置守卫导航处统一判断
src/permission.js
import router from './router/index'
router.beforeEach((to, from) => {
// 白名单
// 直接放行的路由 如:登录
if (to.name == 'login') {
return true
}
let token = localStorage.getItem('TOKEN')
if (token) {
return true // 放行
} else {
return { path: '/' } //重定向到/路由登录界面
}
})
在main.ts中,将permission引入
// main.ts
import './permission'