vue 路由拦截
1.在src文件夹下创建一个permission.js文件,并在文件中引入router
import router from './router'
2.创建白名单
const whiteList = ['/login'];// 免登录白名单
3.路由前判断
router.beforeEach((to, from, next) => {
let name= window.localStorage.getItem('name')
if (name) { // 判断是否登录
next()
} else {
/* 没有 */
if (whiteList.indexOf(to.path) !== -1) { // 在免登录白名单,直接进入
next()
} else {
next('/login') // 否则全部重定向到登录页
}
}
})
4.最后在main.js引入permission.js
import '@/permission';