Angular路由空路径无pathMatch及prefix配置下重定向异常咨询

1. 未指定 pathMatch 时的空白页问题 #

当你写{path: '', redirectTo: 'dashboard'}时，Angular默认会采用pathMatch: 'prefix'规则。空字符串是所有路径的前缀，所以不管访问哪个地址，都会触发重定向到dashboard。但重定向后，新路径/dashboard又会被空字符串前缀匹配，再次触发重定向，陷入无限循环。浏览器检测到这个循环后会终止渲染，最终显示空白页。

2. pathMatch: 'full' 的正常逻辑 #

pathMatch: 'full'要求整个URL路径必须完全匹配空字符串，也就是只有访问根路径/时，才会触发重定向到dashboard。

• 访问存在的路由（比如/heroes）：直接匹配对应组件渲染。
• 访问不存在的路由（比如/abc）：Angular找不到对应的路由规则，此时你的服务器会返回index.html（这是Angular单页应用的常规服务器配置），但因为没有匹配的路由组件，页面会显示index.html的基础内容（如果没配置通配符路由的话）。

3. pathMatch: 'prefix' 的疑惑解析 #

按常理，空字符串是所有路径的前缀，配置pathMatch: 'prefix'应该触发全局重定向，但你看到访问不存在的地址显示index.html，主要是这两个原因：

• 浏览器阻止了无限循环：这个配置本质会触发无限重定向，浏览器终止循环后，停留在服务器返回的index.html初始状态，没有渲染任何组件。
• 缓存干扰：浏览器可能缓存了之前的路由配置，导致没有触发预期的重定向行为。

Angular官方明确建议，默认路由的重定向必须使用pathMatch: 'full'，prefix配置只会导致逻辑混乱或无限循环。

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