vue3 redirect 404 则跳转到路由表中的第一个路径

最新推荐文章于 2024-08-30 20:29:15 发布

不爱吃饭爱吃菜

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量204

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45288172/article/details/141672809

版权

这里写自定义目录标题

     let home = {};
      let routeTemp = routerList[0].path;
      if (routerList[0].children?.length) {
        routeTemp = `${routeTemp}/${routerList[0].children[0].path}`;
      } // 此处是获取路由表中的第一个路由
      
      // redirect 的路径
      const { href } = location;
      const toPath = href.split('redirect=')[1];

      // 使用 router.resolve() 解析redirect路径
      const resolvedRoute = router.resolve(toPath || '/');
      const resolveFlag = resolvedRoute.matched.every((item) => item.path !== '/:catchAll(.*)');
      
      home = {
        path: '/',
        redirect: resolveFlag ? toPath : routeTemp, // redirect 404 则跳转到路由表中的第一个
      };