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

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

Vue 路由器在硬刷新后每個(gè)都不起作用

Vue 路由器在硬刷新后每個(gè)都不起作用

慕運(yùn)維8079593 2023-05-25 17:21:08
我遇到了 Vue.js 的新問題,我正在使用我的登錄頁面登錄我的應(yīng)用程序,一切正常,如果它是管理員配置文件,它會(huì)轉(zhuǎn)到管理頁面,普通用戶會(huì)轉(zhuǎn)到主頁。但是如果我是管理員并且我用 F5 硬刷新頁面然后我不能再去管理頁面。我想我知道我的插件調(diào)用順序有問題,我需要在路由器之前調(diào)用我的 localStorage,但我沒有為 localStorage 使用插件。這是代碼,首先是路由器的 beforeEach 函數(shù):router.beforeEach(async (to, from, next) => {  let user =  await store.getters.userInSession;  let token = await store.getters.getToken;  if(to.matched.some(record => record.meta.requiresAuth) && token == '') {    next({ name : 'Connexion'})  } else if (to.matched.some(record => record.meta.is_admin) && user.role  != "Admin"){    next({ name: 'Tableau de bord'})  } else if(to.matched.some(record => record.meta.guest) && token != '') {    next({ name: 'Tableau de bord'})  } else {    next();  }})然后這是我從 vuex 訪問我的 localStorage 的方式:import Vue from 'vue';import router from '../../router';const state = {    token: localStorage.getItem('token'),    user: localStorage.getItem('user'),    errors: []};const getters = {    isAuthenticated: state => !!state.token,    userInSession: state => {        return state.user;    },    isAdmin: state => {        return state.user ? state.user.role == 'Admin' : false    },    getToken: state => {        return state.token ? state.token : "";    }};我嘗試使用 vue-localstorage 并將其放在路由器之前的 Vue 實(shí)例中,但我什至不知道如何全局設(shè)置它。它沒有被識(shí)別為 pluginObject,所以我不能用這個(gè)來做 Vue.use。無論如何我試過這個(gè):import Vue from 'vue';import App from './App.vue';import router from './router';import store from './store';import VueLocalStorage from 'vue-localstorage';import vuetify from './plugins/vuetify';new Vue({  VueLocalStorage,  router,  store,  vuetify,  render: h => h(App)}).$mount('#app')我認(rèn)為最后一件事是相關(guān)的,但我不確定,我在 my 中顯示了我的用戶信息,并且在一次硬刷新之后它也消失了......我這樣稱呼它:它與我從 vuex 訪問的對(duì)象相同。如果有人有線索,將不勝感激。
查看完整描述

1 回答

?
喵喔喔

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

我通過在創(chuàng)建 vue 實(shí)例的地方創(chuàng)建一個(gè)鉤子解決了我的問題:


new Vue({

  router,

  store,

  beforeCreate() { this.$store.commit('INITIALISATION_STORE') },

  vuetify,

  render: h => h(App),

}).$mount('#app')

我只是像這樣在 mutator 中初始化我的商店:


INITIALISATION_STORE(state) {

        if(localStorage.getItem('token')){

            state.token = localStorage.getItem('token')

        }

        if(localStorage.getItem('user')) {

            state.user = JSON.parse(localStorage.getItem('user'))

        }

    }

它工作得很好,我想知道我是否可以把路由器放在商店后面,那個(gè)掛鉤要刷新并且仍然在受保護(hù)的頁面上,如果有人知道那么很好,如果不是那將是進(jìn)一步搜索的問題/測(cè)試 :)


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

添加回答

舉報(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)