站长资讯网
本篇文章带大家进行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一定要写在最外面。【