站長資訊網
本篇文章帶大家進行Vue學習，聊聊Vue2和Vue3中設置404界面的方法，希望對大家有所幫助！
vue頁面中，如果跳轉了不存在的路由那么，那么頁面就會出現白屏狀態，為了解決這個問題，我們可以自己寫一個404界面，讓其跳轉過去。
一.vue2
1.index.js
在此文件中，一般存放的都是我們的路由信息，我們經常使用path:'*'來進行捕獲我們的路由，度過不存在那么我們就讓它進行跳轉至我們自定義的404頁面。
import Vue from 'vue' import Router from 'vue-router' import Homepage from '@/components/Homepage' Vue.use(Router) export default new Router({ routes: [ { path: '/', component: Homepage, }, { path:'*', component:()=>import('../views/404.vue') } ] })
登錄后復制
注意：這個path一定要寫在最外面。【
