开发喵星球

若依Vue3解决：vue-router.mjs:1086 Uncaught Error: Route paths should start with （八十八）

一、分析原因

经过排查发现，在Vue中，路径（path）是用来定义路由的，而不能直接写写外链，需要写以“/”开头的路径，该问题只会有在配置静态路由的时候才会出现，动态路由外链不存在此问题，问题主要原因是对未知参数考虑不全面导致的一个小BUG。

二、 解决办法

RuoYi-Vue3-master\src\router\index.js 

  {
    component: Layout,
    name: "http://ruoyi.vip",
    path: "//http://ruoyi.vip",
    hidden: false,
    meta: {
      title: "若依官网",
      icon: "guide",
      noCache: false,
      link: "http://ruoyi.vip",
    }
  }
JavaScript

RuoYi-Vue3-master\src\layout\components\Sidebar\SidebarItem.vue 

function resolvePath(routePath, routeQuery) {
  if (isExternal(routePath)) {
    return routePath
  }
  if (isExternal(props.basePath)) {
    return props.basePath
  }
  if (routeQuery) {
    let query = JSON.parse(routeQuery);
    return { path: getNormalPath(props.basePath + '/' + routePath), query: query }
  }
  // 加个if 判断 即可解决此问题。
  if(props.basePath.includes("http","https")){
    return getNormalPath(props.basePath + '/' + routePath).substring(1);
  }
  return getNormalPath(props.basePath + '/' + routePath)

}
JavaScript
   
分类：Java/OOP 作者：无限繁荣, 吴蓉 发表于：2024-01-02 16:00:25 阅读量：228
<<   >>

powered by kaifamiao