我正在使用Vue建立這個小應用程序,但我無法使身份驗證工作。確切地說,重定向不起作用,我同時獲得了true和Authenticated的日誌,但我沒有被重定向到主頁(/)。但是當我打開應用程式時,我立即被帶到/login,這是可以的,我也希望如此,但正如我所說,當我嘗試登入時,我沒有被重定向。
這是我的登入元件和路由器。
import { createRouter, createWebHistory } 從 'vue-router' import LoginView from '@/views/LoginView.vue' import AboutView from '../views/AboutView.vue'; import isAuthenticated from '@/views/LoginView.vue'; const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ { path: '/login', name: 'Login', component: LoginView }, { path: '/', name: 'Home', meta: { requiresAuth: true }, component: AboutView, beforeEnter:(to,_,next)=>{ if(to.meta.requiresAuth && !isAuthenticated.value){ next('/login'); } else{ next(); router.push('/'); } } } ] }) export default router
輸入存取權杖以登入
如果只有
router.push()
不行那麼嘗試使用類似vue-router的導入方式
然後使用
#router.push('/')