zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Vue - route 路由中配置 404 页面

Vue路由配置 页面 404 Route
2023-09-11 14:15:54 时间

前言

当路由中没有匹配时,会出现页面空白,此时应该写一个 404 页面来代替空白页面。

在这里插入图片描述

实现方法

路由是从上往下执行,如果路由表中没有匹配的路由,则会执行 path* 的路由页面。

首先,你需要在 router > index.js 中,加入以下代码:

// routes []
{
   
    path: '*',
    name: '404',
    component: (