JHipster-Angular5跨懒加载模块复用服务遇401未授权问题

你碰到的401 Unauthorized错误核心原因很明确：在懒加载模块里导入ServiceModule后，MyService被创建了一个全新的实例，而这个实例发起的HTTP请求没有被JHipster的JWT认证拦截器处理，导致请求没带令牌。

JHipster的AuthInterceptor是注册在根注入器里的，它的作用就是自动给所有后端API请求加上JWT令牌。但Angular有个特性：当你在懒加载模块里导入带有providers的模块时，会在该懒加载模块的子注入器里重新创建这些服务的实例。这个新实例虽然也会注入HttpClient，但由于JHipster拦截器的绑定逻辑，它的请求并没有带上令牌。而你说懒加载模块内的服务没问题，是因为那些服务要么是用providedIn: 'root'定义的全局单例，要么模块内的依赖链能正确关联到根注入器的拦截器。

下面是几种按优先级排序的修复方案，都是JHipster项目里常用的实践：

1. 把MyService改成根级注入（最推荐） #

Angular的providedIn: 'root'会让服务成为全局单例，自动在根注入器里创建，所有模块共享同一个实例，自然会用上带JWT拦截器的HttpClient。

修改MyService的定义：

@Injectable({
  providedIn: 'root' // 加上这行，同时删掉ServiceModule里的providers配置
})
export class MyService {
  constructor(private http: HttpClient) {}

  getAll() {
    // 注意路径要带JHipster默认的/api前缀，别直接写/your-entity
    return this.http.get('/api/your-entity-endpoint');
  }
}

然后调整ServiceModule，移除providers配置（如果这个模块没其他作用，甚至可以直接删掉）：

@NgModule({
  // 删掉providers: [MyService]这一行
})
export class ServiceModule {}

最后，懒加载模块不需要再导入ServiceModule，直接在组件里注入MyService就行。

2. 用forRoot()模式共享ServiceModule #

如果必须保留ServiceModule，可以把它改成单例模块，只在根模块导入一次，懒加载模块不再导入：

修改ServiceModule：

@NgModule({})
export class ServiceModule {
  static forRoot(): ModuleWithProviders<ServiceModule> {
    return {
      ngModule: ServiceModule,
      providers: [MyService]
    };
  }
}

在根模块（比如AppModule）里导入：

@NgModule({
  imports: [
    // 其他模块
    ServiceModule.forRoot() // 只在根模块导入这一次
  ]
})
export class AppModule {}

懒加载模块不用导入ServiceModule，直接注入MyService即可——此时MyService是根注入器的单例，请求会自动带上JWT令牌。

3. 兜底排查：检查路径与拦截器 #

如果上面的方案都没解决问题，再检查这两点：

• 确认MyService的请求路径带了/api前缀：JHipster后端API默认都在/api路径下，要是你直接写/your-entity，请求会打到前端域名上，自然会401。
• 检查AuthInterceptor逻辑：打开core/interceptor/auth.interceptor.ts，确认它会给所有符合条件的请求添加Authorization: Bearer {token}头，没有遗漏你的接口路径。

修复后，打开浏览器开发者工具的Network标签，看MyService发起的请求：

• 如果请求头里有Authorization: Bearer {你的JWT令牌}，说明配置正确；
• 如果没有这个头，回到上面的方案再排查一遍。

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