Vue3基础(20)___Vue3配置错误路由重定向写法
2023-09-27 14:22:48 时间
报错信息:
Catch all routes ("*") must now be defined using a param with a custom regexp.
原因是我在vue3项目中配置错误路由重定向的时候使用了vue2的写法,vue2的写法不再适用vue3:
vue2重定向写法:
//直接报错
{
path: "*",
redirect: "/login"
},
vue3重定向写法:
1:
{
path: "/:catchAll(.*)",
redirect: "/login"
}
2:
{
path: "/:pathMatch(.*)",
redirect: "/login"
}
3:
{
path: "/:pathMatch(.*)*",
redirect: "/login"
}
参考文章:https://blog.csdn.net/Dawnchen1/article/details/116742166
相关文章
- 43 JS+Vue3制作动画和钩子函数
- 【Vue3】如何通过vite.config.js配置中的resolve来设置路径别名?(已解决,图文+代码)
- 【Vue3】toRef和toRefs的用法与示例(图文+代码)
- vue3+Element-plus icon图标无法显示的问题(已解决)
- vue3 setup 语法糖下的路由守卫 beforeRouteEnter 用法示例
- 深入聊一聊vue3中的reactive()
- Vue3新特性体验--下(各式各样API,完结篇)
- vue2与vue3的区别(这些一定要了解)
- Vue3报错:VueCompilerError: Attribute name cannot contain U+0022 (“), U+0027 (‘), and U+003C (<).
- 使用Vue3学习Vue的基础知识
- Vue3结合TS项目开发实践:Composition API的风格理念、关注点分离、如何组织TS进行项目开发(采用声明文件来管理接口及所需类型/目录结构推荐)
- Vue3实践记录:vuex/pinia数据为proxy对象时如何获取值、Vue3组件的全局注册
- 零基础,一周内基于Vue3写出一个CURD系统
- vue3 中 使用reactive,数组没有响应
- 30 vue3 Pinia对state的订阅监听($subscribe)
- 27 vue3 Pinia取值
- 25 vue3中使用vuex--- getters的使用