Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.

最新推荐文章于 2024-08-13 11:08:28 发布

徐同保

最新推荐文章于 2024-08-13 11:08:28 发布

阅读量240

点赞数 5

分类专栏：前端技术分享文章标签：前端 javascript

本文链接：https://blog.csdn.net/xutongbao/article/details/141158173

版权

前端技术分享专栏收录该内容

271 篇文章 3 订阅

订阅专栏

Error: Catch all routes ("*") must now be defined using a param with a custom regexp.

router/index.ts:

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      redirect: '/home',
    },
    {
      path: '/index/home',
      component: () => import('../views/index/Home.vue'),
    },
    {
      path: '/home',
      component: () => import('../views/home/Index.vue'),
    },
    {
      path: '/me',
      component: () => import('../views/me/Index.vue'),
      sensitive: true
    },
    {
      path: '/404',
      component: () => import('../views/notFound/Index.vue')
    },
    {
      path: '*',
      redirect: '/404'
    }
  ],
})

router.beforeEach((to, from) => {
  return true
})

export default router

解决方案：

router/index.ts:

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      redirect: '/home',
    },
    {
      path: '/index/home',
      component: () => import('../views/index/Home.vue'),
    },
    {
      path: '/home',
      component: () => import('../views/home/Index.vue'),
    },
    {
      path: '/me',
      component: () => import('../views/me/Index.vue'),
      sensitive: true
    },
    {
      path: '/404',
      component: () => import('../views/notFound/Index.vue')
    },
    {
      path: '/:catchAll(.*)',
      redirect: '/404'
    }
  ],
})

router.beforeEach((to, from) => {
  return true
})

export default router

参考链接：

https://blog.csdn.net/chaoPerson/article/details/135893350

人工智能学习网站

https://chat.xutongbao.top