vue router重定向不重新整理問題的解決

2022-10-03 12:21:08 字數 986 閱讀 9270

前陣子太忙了,自己乙個人一邊開發著新專案,一邊維護著舊專案,沒時間寫部落格,終於讓我騰出時間了。廢話少說,開始正文。

問題描述:

之前專案是angular開發的,後來用vue重構後。專案路徑和vue路徑不一致,但是app端分享出的鏈結,依舊是舊專案鏈結。

解決方法:

通過閱讀vue-router的官方文件,發現重定向可以解決這個問題。

如之前檔案路徑是'/live/detail/id=7234','/skill/microlist/',新專案路程式設計客棧徑是'/s/live/detail?id=7234','/s/live/list'

,, component: resolve => require(['../pages/s/live/list/index.vue'], resolve)},

,, component: resolve => require(['../pages/s/live/detail/index.vue'], resolve)},

新的問題:

本來以為重定向就萬事大吉了,結果發版後,有使用者反饋是空白頁面。我仔細看了路徑沒問題啊,順直一點點排查,發現重定向成功了,但是頁面沒重新整理

解決方法:

通過仔細觀察,重定向的過程,發現會先執行舊路由,再進行重定向,那麼可以統一配置舊路徑,讓其重新整理。router中

複製** **如下:

程式設計客棧, component: resolve => require(['../www.cppcns.compages/notfound/index.vue'], resolve)},

使用萬用字元,讓之前沒有寫路徑規則的頁面,統一跳轉到乙個新的頁面,讓再新頁面判斷是否是重定向過來的。notfound頁面的**

beforerouteenter(to,from,next)

})},

重定向的頁面會有redirectedfrom這個屬性,然後讓其重新整理即可程式設計客棧。

本文標題: vue-router重定向不重新整理問題的解決

本文位址:

Token解決頁面重新整理重定向

由於本人通過url帶引數轉頁面過程中發現 重新整理的時候頁面會重新實現這個過程,因此頁面效果展示及實現受到了影響。經過網上查閱相關知識,發現可以用token來解決這個問題。上網查了一下,token是被稱為 令牌 的一種身份驗證方式,可以解決表單提交 頁面重新整理等問題,最簡單的token組成 uid...

node 重定向 express 重定向

服務端重定向對非同步請求無效 如何通過伺服器讓客戶端重定向 1.狀態碼設定為302 臨時重定向,301永久重定向 瀏覽器會記住 當再次請求相同位址的時候,瀏覽器不會重新請求該位址,會直接跳轉上一次請求該位址時的重定向位址 res.statuscode 2.在響應頭中通過 location 告訴客戶端...

輸入重定向,正確輸出重定向,錯誤輸出重定向

一 標準輸入 stdin a.輸入重定向 標準輸入 作用 將原先鍵盤輸入的內容改由檔案內容代替 root wenwen cat test.txt asdas asdas asdas 按crtl d 退出 將network內容匯入到test.txt中去 root wenwen cat test.txt...