The path of the RouteConfig is the same as the alias content, which will cause an infinite loop.

[chenfengjw163]

Version

3.0.1

Reproduction link

https://codepen.io/chenfeng163/pen/qJzxGW

Steps to reproduce

The path of the RouteConfig is the same as the alias content

What is expected?

no error

What is actually happening?

infinite loop

---

The route of alias overrides the route of the path, causing the path and matchAs to be the same. When the url is parsed, an infinite loop occurs.

[chenfengjw163]

PR #2462
before:

if (route.alias !== undefined) {
  const aliases = Array.isArray(route.alias)
    ? route.alias
    : [route.alias]

  aliases.forEach(alias => {
    const aliasRoute = {
      path: alias,
      children: route.children
    }
    addRouteRecord(
      pathList,
      pathMap,
      nameMap,
      aliasRoute,
      parent,
      record.path || '/' // matchAs
    )
  })
}

if (!pathMap[record.path]) {
  pathList.push(record.path)
  pathMap[record.path] = record
}

after:

if (!pathMap[record.path]) {
  pathList.push(record.path)
  pathMap[record.path] = record
}

if (route.alias !== undefined) {
  const aliases = Array.isArray(route.alias)
    ? route.alias
    : [route.alias]

  aliases.forEach(alias => {
    const aliasRoute = {
      path: alias,
      children: route.children
    }
    addRouteRecord(
      pathList,
      pathMap,
      nameMap,
      aliasRoute,
      parent,
      record.path || '/' // matchAs
    )
  })
}

[posva]

I think a warning makes more sense here as I don't see a reason to have a path with the same value as an alias

[chenfengjw163]

Yes, but the problem now is that if path and alias are the same, an error will be reported. In #2462 , I have added warning.

if (route.alias === path) {
  warn(
    false,
    `Path with the same value as an alias: ` +
    `{ path: "${path}" }`
  )
}