本篇文章帶大家進(jìn)行Vue學(xué)習(xí)，聊聊Vue2和Vue3中設(shè)置404界面的方法，希望對(duì)大家有所幫助！

vue頁面中，如果跳轉(zhuǎn)了不存在的路由那么，那么頁面就會(huì)出現(xiàn)白屏狀態(tài)，為了解決這個(gè)問題，我們可以自己寫一個(gè)404界面，讓其跳轉(zhuǎn)過去。

一.vue2

1.index.js

在此文件中，一般存放的都是我們的路由信息，我們經(jīng)常使用path:'*'來進(jìn)行捕獲我們的路由，度過不存在那么我們就讓它進(jìn)行跳轉(zhuǎn)至我們自定義的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')     }   ] })

注意：這個(gè)path一定要寫在最外面。【