vue3中路由错误自动跳转404页面路由表写法-526互联

定义路由表

import { createRouter, createWebHashHistory } from "vue-router";

const routes = [
	{
	 path: "/",
	 name: "home",
	 component: Home,
	},
 // ...
	{
	 path: "/404",
	 name: "404",
	 component: () =>
	  import(/* webpackChunkName: "404" */ "../views/404"),
	},
	{
	 // 此处vue3更新需要使用catchall方法匹配,不然会出现错误:
	 // Catch all routes ("*") must now be defined using a param with a custom regexp
	 path: "/:catchAll(.*)",
	 redirect: "/404",
	},
]

路由

写法

526互联

vue3中路由错误自动跳转404页面 路由表写法

vue3中路由错误自动跳转404页面路由表写法