Ant Design Vue Pro動態(tài)路由加載,服務(wù)器重啟首頁白屏問題
更新時間：2023年10月23日 09:19:09 作者：小楊很困1
這篇文章主要介紹了Ant Design Vue Pro動態(tài)路由加載,服務(wù)器重啟首頁白屏問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Antd Pro動態(tài)路由加載，服務(wù)器重啟首頁白屏
剛接手的一個項目，將靜態(tài)路由改為動態(tài)路由，使用的是Ant Design Vue Pro框架。
其中遇到了點問題紀(jì)錄一下。
問題點
后端重啟服務(wù)器后，頁面過期重定向到登陸頁面，登錄之后繞過了permission.js中router.beforeEach()這個鉤子
所以里面的邏輯都沒有走，拿不到路由。
但是登錄會走登錄接口，跳轉(zhuǎn)首頁白屏，
解決方法
- 登錄的時候讓后端在返回值的時候帶上該賬戶的權(quán)限列表；
- 登陸成功后對權(quán)限進(jìn)行緩存；
- 在generator-routers.js中取該緩存下來的權(quán)限；
- 最重要的一點就是在request.js文件中請求攔截的時候移除掉緩存，同時千萬不要去調(diào)用resetRouter()這個方法，這個方法是重置路由的
// 重置路由
export function resetRouter () {
const newRouter = createRouter()
router.matcher = newRouter.matcher
}總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了如何封裝Vue Element的table表格組件，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-02-02
在vue項目中(本地)使用iconfont字體圖標(biāo)的三種方式總結(jié)
這篇文章主要介紹了在vue項目中(本地)使用iconfont字體圖標(biāo)的三種方式總結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
前端Vue學(xué)習(xí)之購物車項目實戰(zhàn)記錄
購物車是電商必備的功能,可以讓用戶一次性購買多個商品,下面這篇文章主要給大家介紹了關(guān)于前端Vue學(xué)習(xí)之購物車項目的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
vue前端重構(gòu)computed及watch組件通信等實用技巧整理
這篇文章主要為大家介紹了vue前端重構(gòu)computed及watch組件通信等實用技巧整理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-05-05
這篇文章主要為大家詳細(xì)介紹了vue項目實現(xiàn)分頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
Vue.js 時間轉(zhuǎn)換代碼及時間戳轉(zhuǎn)時間字符串
這篇文章主要介紹了Vue.js 時間轉(zhuǎn)換代碼及時間戳轉(zhuǎn)時間字符串,需要的朋友可以參考下2018-10-10
本文主要介紹了使用ElementUI寫一個前端分頁查詢的實例，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了vue路由相對路徑跳轉(zhuǎn)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-08-08
這篇文章主要介紹了vue中的生命周期及鉤子函數(shù),Vue?實例有一個完整的生命周期，也就是從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛載?Dom、渲染,下面文章詳細(xì)介紹,需要的朋友可以參考一下2021-12-12
關(guān)于Element-UI可編輯表格的實現(xiàn)過程
這篇文章主要介紹了關(guān)于Element-UI可編輯表格的實現(xiàn)過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07