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

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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章