vue登錄之 Vue-router判斷頁面未登錄跳轉到登錄頁面

在main.js中判斷是否需要登錄

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
      //這里判斷用戶是否登錄，驗證本地存儲是否有token
      if (!localStorage.token) { // 判斷當前的token是否存在
          next({
              path: '/login',
              query: { redirect: to.fullPath }
          })
      } else {
          next()
      }
  } else {
      next() // 確保一定要調用 next()
  }
})

之后在路由配置文件中給需要登錄的路由加一個meta

meta: { requiresAuth: true }

這樣就好啦，如果哪里有不足可以和我交流