zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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