第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

Vue 路由器重定向到 404 而不是登錄頁(yè)面 (Nuxt.js)

Vue 路由器重定向到 404 而不是登錄頁(yè)面 (Nuxt.js)

江戶川亂折騰 2023-03-03 10:27:39
我在帶有 Vue 路由器的 Nuxt.js 項(xiàng)目中遇到了一個(gè)奇怪的行為:我正在嘗試使用放置在 route.js 插件中的路由守衛(wèi),它在 nuxt.config.js 插件部分中注冊(cè),看起來(lái)像這:  app.router.beforeEach((to, from, next) => {    to.name !== "login" && app.store.getters["session/token"] === ""      ? next({ name: "login" })      : next();  });這個(gè)想法是,如果用戶刷新頁(yè)面,他會(huì)丟失存儲(chǔ)在 Vuex 會(huì)話模塊中的令牌,因此他應(yīng)該被重定向到登錄頁(yè)面。奇怪的行為是——路由守衛(wèi)實(shí)際上工作,它重定向到 /login url,但它顯示 404 頁(yè)面——如果我再次刷新頁(yè)面,它正確地重定向到 /login url/頁(yè)面。我也嘗試過(guò)直接推送到登錄頁(yè)面app.router.push({ name: "login" }),但無(wú)濟(jì)于事。我所做的解決方法是在 404 頁(yè)面中添加重定向:  beforeCreate() {    this.$router.push({ name: "login" });  },但我對(duì)此并不滿意...有誰(shuí)知道發(fā)生了什么事?
查看完整描述

2 回答

?
慕斯王

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊

前段時(shí)間,我在一個(gè) Vue.JS 項(xiàng)目中創(chuàng)建了類(lèi)似的行為。這是我的代碼,也許它可以幫助您找到錯(cuò)誤。


// checks if user is authenticated before displaying the page

// if not, reroutes to the login page


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

  if (to.matched.some(record => record.meta.requiresAuth)) {

    if (store.getters.isAuthenticated) {

      next();

      return;

    }

    next('/login');

  } else {

    next();

  }

});

元字段定義是否需要身份驗(yàn)證。在下面的代碼片段中,您可以看到它是如何使用的。


const routes = [

  {

    path: '/',

    component: DashboardLayout,

    redirect: '/login',

    children: [

      {

        path: 'dashboard',

        name: 'Dashboard',

        component: Dashboard,

        meta: {

          requiresAuth: true,

        },

      }

    ]

  }

];


(希望括號(hào)是正確的)


查看完整回答
反對(duì) 回復(fù) 2023-03-03
?
繁星點(diǎn)點(diǎn)滴滴

TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超3個(gè)贊

在這一點(diǎn)上,我認(rèn)為沒(méi)有人有興趣回答我的問(wèn)題,所以我將只發(fā)布我所做的解決方法:

在應(yīng)用程序的 404 頁(yè)面中,注釋掉整個(gè)模板內(nèi)容(因此,如果用戶連接速度慢并被重定向到 404,他將看不到任何內(nèi)容)。我還在之前創(chuàng)建的生命周期掛鉤中添加了一個(gè)重定向:

  beforeCreate() {
      this.$router.push({ name: "login" });
  },

這樣,用戶會(huì)自動(dòng)重定向到登錄名而不會(huì)出現(xiàn)任何問(wèn)題。


查看完整回答
反對(duì) 回復(fù) 2023-03-03
  • 2 回答
  • 0 關(guān)注
  • 236 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)