Vue身份驗證
P粉765684602
P粉765684602 2023-08-18 10:33:04
0
1
494

我正在使用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
 


P粉765684602
P粉765684602

全部回覆 (1)
P粉141455512

如果只有router.push()不行

那麼嘗試使用類似vue-router的導入方式

import { useRouter } from 'vue-router' const router = useRouter();

然後使用router.push('/')

#
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板
    關於我們 免責聲明 Sitemap
    PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!