站长资讯网
最全最丰富的资讯网站

聊聊Vue2和Vue3中怎么设置404界面

本篇文章带大家进行Vue学习,聊聊Vue2和Vue3中设置404界面的方法,希望对大家有所帮助!

聊聊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一定要写在最外面。【

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号