VUE实现防止用户未登录直接修改地址路径来访问页面进行拦截功能

在入口文件main.js判断是否存在用户的token，若不存在则跳转到登录页面：

 1 // 全局前置导航钩子 beforeEach
 2 // 会在路由即将改变前触发
 3 router.beforeEach((to, from, next) => {
 4   let isLogin = window.localStorage.getItem('token')
 5   if (isLogin) {
 6     next()
 7   } else {
 8     if (to.path === '/login') {
 9       next()
10     } else {
11       Message.error('没有访问权限或登录已过期，请重新登录！')
12       next('/login')
13     }
14   }
15 })