创建permission.js 并在main .js 引入
这里踩了一个小小的坑 在登录路由跳转的时候 我是先写的跳转,然后去存的令牌,导致路由重定向
// 这里是权限文件 写路由守卫的
import router from './index'
// 前置路由守卫 不登录 强制跳转
router.beforeEach((to, from, next) => {
let token = JSON.parse(localStorage.getItem('token'))
console.log(token);
// 如果你要去的不是登录页且没有token 那么将强制跳转到登录页
if (to.path !== ('/login') && !token) {
console.log(123);
next('/login')
} else if (to.path === ('/login') && token) {
// 如果已经登录 不要再去登录页
console.log(456);
next(from.path)
} else {
// 如果有了那么放行
console.log(789);
next()
}
})