vue router路径标准化是初始化时对path字符串的必经清洗处理，包括压缩多斜杠、折叠./..、统一根路径等，确保匹配稳定；它发生在createrouter阶段，由normalizepath()执行。
“路径标准化”是 Vue Router 在初始化路由配置时，对开发者写的 path 字符串做的一系列自动清洗和归一化处理。它的目标是消除歧义、统一格式，确保后续的匹配逻辑（比如 URL 解析、active class 判断、导航跳转）行为稳定可靠。它不是可选功能，而是 matcher 构建前的必经步骤。
标准化到底干了什么？
Vue Router 4（即 Vue 3 版本）在 createRouter 阶段，会对传入的 routes 数组执行 标准化（normalization）。这个过程由内部函数 normalizePath() 主导，核心操作包括：
- 把连续多个斜杠
//、///等压缩为单个/ - 把路径末尾的多余斜杠（如
/about/）保留或裁剪，取决于strict配置（默认不裁剪） - 把
.和..段进行解析和折叠：例如/a/./b→/a/b，/a/../c→/c - 确保根路径始终为
"/"（空字符串或仅含.的路径会被转为"/"） - 对嵌套路由中的子路径，按父子关系拼接后，再整体标准化（不是简单字符串拼接）
双斜杠（//）如何被处理？
双斜杠不是合法的 URL 路径分段，浏览器会将其视为一个斜杠。Vue Router 主动提前处理，避免 matcher 误判。例如：
-
path: "/user//profile"→ 标准化为"/user/profile" -
path: "api//v1//users"（相对路径）→ 标准化为"api/v1/users" - 即使写成
"/a//b/c///d"，最终也变成"/a/b/c/d"
这步发生在 addRoute() 内部调用 normalizeRouteRecord() 时，源码位于 router/src/Matcher.ts 中的 normalizePath() 函数。
递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。
点号（. 和 ..）怎么被折叠？
Vue Router 支持路径中使用 .（当前目录）和 ..（上级目录），但只在标准化阶段解析，**不支持运行时动态计算**（即不会根据当前路由上下文去“回退”）。规则如下：
-
path: "/a/./b"→"/a/b" -
path: "/a/b/../c"→"/a/c" -
path: "/../home"→"/home"（超出根后截断，不报错） -
path: "user/."（相对路径）→"user"（末尾点被移除）
注意：.. 折叠只作用于静态路径字符串，不涉及别名或重定向中的路径计算；且若父级不存在（如 /x/y/z/../../..），结果就是 "/"。
为什么必须标准化？不标准化会怎样？
如果不做这一步，会导致几类典型问题：
- 路由匹配失败：比如
"/user//profile"和实际访问的/user/profile被视为不同路径 - 嵌套路由拼接出错：父路径
"/admin"+ 子路径"./users"若不折叠，可能变成"/admin/./users"，无法命中 - 导航守卫中
to.path格式不一致，影响权限判断或日志记录 - 生成的
<router-link></router-link>的to属性 href 值异常，导致 active class 错位
标准化确保了所有路由记录的 path 字段是“干净”且语义明确的，为 matcher 构建多叉树结构打下基础。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
