vue 頁面刷新跳回登錄頁問題


記一次不是我的項目遇到的問題

  該項目用的是現有的項目,刪除無用的東西,搭建的自己的項目,所以有好多東西我還是看不懂的,但是並不影響寫項目,But,隨着項目的進行,問題也就隨之而來。

  在寫項目的時候,每次都會不自覺去點刷新,但是這一刷新不要緊,刷新出問題來了,項目每次再刷新的時候, 無論在哪個頁面,刷新完都會跳回登錄頁,這顯然很不合理,於是開始 了我解決bug之路:

  開始console大法,發現有個接口在請求是沒有請求成功,一直在清token,所以就圍着這個接口展開調查,結果發現,不是這個接口的問題,

  然后又懷疑是路由的問題,我以為是路由校驗的問題,查看了路由導航守衛,結果也沒有問題,后來,發現,在請求的時候,this.$store.state中的參數會被清空,咦,方向有了,於是百度中的大佬提供了方法,在刷新之前把state存儲在sessionStorage里,但是,這有個問題,我都存儲在sessionStorage里了,還要vuex干嘛,所以果斷舍棄,然后繼續查閱資料,發現持久化vuex 這幾個字進入了我的視線,所以嘗試了一下這個方法,於是乎,成功了!

接下來,上代碼:

首先要先安裝持久化插件  npm install vuex-persistedstate --save

然后打開store -->index.js文件,插入兩行代碼即可

 

 至此,vue項目刷新跳轉回登錄頁的問題完美解決!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM