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

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

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