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')
    }
  }
})