问题
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领域博主
往期回顾
vue3.x使用prerender-spa-plugin预渲染达到SEO优化
vue3.x使用prerender-spa-plugin预渲染达到SEO优化