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

问题

vue页面404适配过程中遇到这样一个问题，Error: Catch all routes ("*") must now be defined using a param with a custom regexp.

我用的是vue3.2的版本，查阅了资料才发现 vue3对404配置进行了修改,必须要使用正则匹配,

 vue2 404配置

// 除已经定义好了的路由，其它路由都跳到/404路由
{
  path: '*', // 不识别的path404
  redirect: '/404'
},

 vue3 404配置

vue3使用:pathMach(.*)或者:catchAll(.*)  匹配所有路径。

// 除已经定义好了的路由，其它路由都跳到/404路由
{
  path: '/:pathMach(.*)',
  redirect: '/404'
}

 或者

// 除已经定义好了的路由，其它路由都跳到/404路由
{
  path: '/:catchAll(.*)',
  redirect: '/404'
},

设置完后，即可正常访问 。

解决你的问题了吗？欢迎在评论区交流。如果文章对你有所帮助，❤️关注+点赞❤️鼓励一下！博主会持续更新。。。。

我的博客：前端小阳仔_Html,CSS,JavaScript,Vue,React,Angular领域博主

往期回顾

 css实现元素居中的6种方法 

Angular8升级至Angular13遇到的问题

前端vscode必备插件(强烈推荐)

Webpack性能优化

vite构建如何兼容低版本浏览器

前端性能优化9大策略（面试一网打尽）！

vue3.x使用prerender-spa-plugin预渲染达到SEO优化

 vite构建打包性能优化

 vue3.x使用prerender-spa-plugin预渲染达到SEO优化

 ES6实用的技巧和方法有哪些？

 css超出部分显示省略号

vue3使用i18n 实现国际化

vue3中使用prismjs或者highlight.js实现代码高亮

什么是 XSS 攻击？什么是 CSRF？什么是点击劫持？如何防御