vue3设置路由path:“*“警告，但是不报错也没显示功能解决方法

second丶S

于 2024-06-16 15:30:09 发布

阅读量260

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/second223/article/details/139720950

版权

我们设置重定向一般是这样


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

但是如果你使用的是vue3的话,你会遇到这样的一个报错:

No match found for location with path "/abcd"

我找了一下网上的其他方法，要把path改成这样

  {
    path: '/:pathMatch(.*)*',
    redirect: '/404'
  },

或者这样

  {
    path: '/:pathMatch(.*)',
    redirect: '/404'
  },

这两个的区别就在于用正则匹配多个或者单个

当然大部分情况第一个就能全给处理了。

关注