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?什么是点击劫持?如何防御

  • 26
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

富朝阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值