可以用router.beforeEach註冊一個路由守衛

const router = new VueRouter({ ... })

router.beforeEach((to, from, next) => {
  // ...
})

路由導航守衛

to代表我們將要訪問的路徑

from代表我們從哪個頁面路徑跳轉而來

next代表放行的函式

下面用幾個案例展示：

案例一：

為路由物件，新增before 導航守衛

router.beforeEach((to,from,next)=>{

如果使用者訪問的登入頁，直接放行

if(to.path==='/login') return next()

從sessionStorage中獲取到儲存的token值

const tokenStr=window.sessionStorage.getItem('token')

沒有token，強制跳轉到登入頁

if(!tokenStr) return next('/login')

next()

})

案例二：