Next.js路由路径中符号~的含义是什么？

在Next.js的App Router里，路径中的~符号是**路由分组（Route Groups）**的一种写法，核心作用就是帮你创建不影响最终URL的逻辑分组目录。

• 功能本质：和用括号()包裹的路由分组完全等效，比如~/auth/login/page.js和(auth)/login/page.js的路由效果是一样的，最终对应URL都是/auth/login，分组的标识（不管是~开头还是括号）不会出现在浏览器的URL里。
• 用途：主要是为了在项目里按功能、模块或者环境来组织路由文件，让目录结构更清晰，但又不会让这些分组层级暴露到用户看到的URL中。比如你可以把后台相关的路由都放在~/admin目录下，既归类了文件，又不会让URL变成/~admin/xxx。
• 注意事项：这是App Router独有的特性，Pages Router不支持；而且它不会改变路由的匹配规则，路由匹配还是基于去掉~之后的实际路径。

附上你提到的示例图：

内容的提问来源于stack exchange，提问作者Diego Ulloa