原文:vue跳轉不存在路由返回404頁面方法

vue頁面跳轉不存在的路由返回 頁面,我這里有兩種方法 方法 : 通過配置路由,當匹配不到路由時,默認跳轉到 頁面 方法 : 通過使用路由鈎子函數 ...

2021-11-09 16:32 0 2851 推薦指數:

查看詳情

vue中訪問不存在路由默認跳轉404頁面實現方法

今天做新項目發現,當訪問的頁面路由不存在的時候,頁面顯示一片空白,需要新增一個404錯誤頁面,那么怎么才能跳轉到這個404頁面方法:在路由頁面,一般文件名為index.js ,在最后添加一個path:*; 優先級從上到下查找路由,都沒有的時候全部指向 404頁面 ,代碼 ...

Wed Sep 30 19:12:00 CST 2020 0 8372
vue 項目中當訪問路由不存在的時候默認訪問404頁面

前言:   在Vue項目中,當訪問的頁面路由不存在或錯誤時,頁面顯示為一片空白。然而,通常我們需要對訪問url不存在或者錯誤的情況下添加默認的404頁面,即not found頁面。 一般的處理方法是: 在最后添加一個path: * ,優先級從上到下查找路由,都沒有的時候全部指向 404頁面 ...

Fri Feb 22 01:14:00 CST 2019 0 4548
vue 項目中跳轉不存在路由

在項目中遇到這么一個需求,登錄頁面跳轉不存在路由都重新指向登錄頁面,但是loginNocode頁面除外,要跳轉loginNocode, 登陸之后跳轉不存在路由的時候跳轉404頁面 我是在main.js中的router.beforeEach寫的。中心代碼如下: ...

Wed Sep 08 01:45:00 CST 2021 0 109
2種方式解決vue路由跳轉未匹配相應路由避免出現空白頁面或者指定404頁面

1、路由全局守衛   在做項目的時候,遇到需要做路由跳轉,但當用戶輸入錯誤url地址,或是其它非法url路由地址,我們或許會想到跳轉404頁面。不管你有沒有寫一個404頁面,當出現未匹配路由都需重新指定頁面跳轉。可能大家首先想到會是路由重定向,redirect來解決這個問題。但實際上 ...

Mon Jul 02 23:37:00 CST 2018 0 18804
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM