vue3 路由报错 Uncaught Error: Catch all routes (“*“) must now be defined using a param with a custom reg

错误：const notFound = () => import('@views/404/404.vue'){path: '*',name: '404',component: notFound}根据报错信息可得必须使用正则表达式解决方案：const notFound = () => import('@views/404/404.vue'){// 匹配所有路径vue2使用*vue3使用

a1161105403

2698人浏览 · 2021-08-09 14:26:33

a1161105403 · 2021-08-09 14:26:33 发布

错误：

const notFound = () => import('@views/404/404.vue')
  {
    path: '*',
    name: '404',
    component: notFound
  }

根据报错信息可得必须使用正则表达式
解决方案：

const notFound = () => import('@views/404/404.vue')
  {
    // 匹配所有路径  vue2使用*   vue3使用/:pathMatch(.*)*或/:pathMatch(.*)或/:catchAll(.*)
    path: "/:pathMatch(.*)*",
    name: "404",
    component: notFound
  }

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^