vue路由的重定向

需求：專案的某些頁面沒有登入（本地沒有賬號密碼）是不允許檢視的，需要退出到登入頁面

之前寫react專案都是在對應頁面的willmount週期中處理的，近日學vue學到乙個統一處理的方式

1.單獨生成乙個redirect.js檔案，內容如下：

//路由重定向,在跳轉之前確認是否確認跳轉到該頁面

import router from
'./router'
;import
from
'./utils/axios'
;import
from
'vant'
;const redirectlist =
['/login'
,'/register'
,'/forgetpwd'];
//不需要賬號密碼的頁面路由
router.
beforeeach
((to,
from
, next)
=>
else
else})
}}})

3.效果：如果本地的賬號密碼清除了，那麼重新訪問需要賬號密碼的頁面會返回到登入頁面。

ps.1.loggedin()該方法是自定義的，用來判斷本地是否儲存有有效的賬號密碼；

2.可以根據專案需求來做處理

學習前端 vue元件 路由重定向

在這裡先附上 官方鏈結 在官方中沒有具體表述路由重定向的含義對於新人來說可能不太好理解。路由重定向指 使用者在訪問a位址時，強制頁面跳轉到b頁面，從而展示特定的元件頁面 通過路由規則 redirect 屬性 就可以指向乙個新的位址 可以很方便的設定路由重定向 const router new vue...

Vue中路由的巢狀與重定向

示例路由的重定向主要有兩方面的用處 路由的巢狀就是在以往的路由物件中加上children關鍵字，children後面跟陣列，其陣列中存放每個子路由節點的相對路徑等資訊。而子節點的路由位址是由路由的父節點位址拼接上子節點的相對位址組合而成。路由的重定向是採用redirect關鍵字，該關鍵字後面跟路徑字...

Django路由重定向

路由重定向又稱http協議重定向，也可以稱為網頁跳轉，它對應的http狀態碼為301 302 303 307 308。網頁重定向就是在瀏覽器訪問某個網頁的時候，這個網頁不提供響應內容，而是自動跳轉到其他 由其他 來生成響應內容。django的網頁重定向有兩種方式 1 路由重定向 2 自定義檢視的重定...