Angular中resolver放在模块级与组件级路由的区别是什么？

两种写法的核心区别主要体现在执行顺序、封装性、数据作用域、错误处理四个维度：

1. 执行顺序与懒加载时机不同 #

• App模块路由配置Resolver：Angular会先执行UserResolver等待数据返回，完成后才会开始下载UserModule的懒加载代码包。如果Resolver请求失败，不会加载任何User模块的资源，适合需要前置校验权限、过滤非法访问的场景。
• User模块内部路由配置Resolver：Angular会先下载UserModule的懒加载代码包，加载完成后再执行UserResolver。这种方式可以避免Resolver请求阻塞模块代码加载，部分场景下可以配合预加载策略优化用户体验。

2. 封装性与耦合度不同 #

• App模块路由配置Resolver：你需要在根模块的providers中声明UserResolver，或者将Resolver设为providedIn: 'root'，会导致根模块和User模块产生耦合，User模块无法独立迁移到其他项目使用。
• User模块内部路由配置Resolver：UserResolver可以仅在User模块的providers中声明，模块独立性更高，封装性更好，符合功能模块内聚的设计原则。

3. 数据作用域不同 #

• App模块路由配置Resolver：解析得到的user数据挂载在根层级的/user路由快照上，User模块内的所有路由（包括后续扩展的平级路由、深层子路由）都可以通过ActivatedRoute.parent.data获取到该数据。
• User模块内部路由配置Resolver：解析得到的user数据挂载在User模块内部根路由的快照上，仅该路由的子路由可以访问，如果后续在User模块内新增平级路由，无法直接拿到该解析数据。

4. 错误处理逻辑范围不同 #

• App模块路由配置Resolver：如果Resolver执行报错、返回空值，路由会直接在根层级终止，不会进入User模块，错误逻辑只能在根路由的全局错误处理中实现。
• User模块内部路由配置Resolver：如果Resolver执行报错，User模块已经加载完成，你可以在模块内部实现定制化的错误重定向逻辑，比如跳转到模块内的权限不足页、数据加载失败页，不会影响根路由的全局状态。

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