vue-router 路由守衛【實戰案例】無通路權限時，自動跳轉到登入頁面

{
    path: '/dic',
    name: '速查手冊',
    component: resolve => require(['@/projects/dic/index'], resolve),
    beforeEnter: (to, from, next) => {
        // 若通路的不是登入頁面且未授權，則自動跳轉到登入頁面
        if (to.name !== '登入' && !isAuthenticated) {
            next({name: '登入'})
        } else {
            next()
        }
    }
},
           

更多詳情可以參考官網  https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#導航守衛