1. 程式人生 > >Vue路由守衛-404頁面(MD.8)

Vue路由守衛-404頁面(MD.8)

簡單講一下Vue專案前端路由(Vue-Router)的意外處理,即當用戶輸入了網站不存在的地址,跳轉到指定頁面,不至於讓頁面顯示一片空白,使用者一臉懵逼,然後吐槽一波你的網站!
廢話不多說,在你的router配置指令碼(.js檔案)的最後面加上一行配置項,程式碼如下:

{
    path: '*',
    name: 'Error',
    component: ErrorPage,
}

path為*代表匹配任何頁面,前提是你的路由的配置裡面沒有其他項能匹配上使用者的輸入的,這是一個權重問題,*的權重是最低的,放最後面的原因僅僅是為了好看,符合邏輯,實際上你放哪都一樣,當你輸入正確的地址仍然會跳轉到正確的頁面。
還有別的一些方法,但是我懶得講了,這個就夠用了,我手頭上還有一堆事,黑色星期五!
漫島近期線上已停止開放新內容,等我們做完了再上線。近期公司的專案,生活中的雜事,自己的專案相互參雜,感覺自己很虛弱,但我絕對不會停下腳步的!