Angular中ngOnInit内发起HttpRequest无效的问题求助

核心原因：Observable未订阅 #

Angular的HttpClient返回的是Observable对象，这类对象属于惰性执行，只有调用.subscribe()方法后，才会真正发起HTTP请求。你的代码仅调用了服务的方法，但没有订阅，导致请求从未触发。

修改后的组件代码 #

ngOnInit(){
  if (!this.token.possuiToken()) {
    this.router.navigate(['/', 'login']);
    return; // 跳转后终止后续逻辑，避免不必要的执行
  }
  // 订阅Observable，触发HTTP请求
  this.homeService.getStatus(this.status1).subscribe({
    next: (response) => {
      // 处理请求成功的逻辑
      console.log('请求响应', response);
    },
    error: (error) => {
      // 处理请求失败的逻辑
      console.error('请求出错', error);
    }
  });
}

额外排查点 #

• 确认this.token.retornaToken()返回的Token有效，格式符合后端要求（比如Bearer前缀是否正确）
• 检查API常量的地址是否正确，this.status1参数值是否匹配后端接口的预期
• 验证请求头中的api-key、Accept等字段是否拼写正确，格式无误
• 打开浏览器开发者工具的Network标签，查看是否有请求发出，以及请求的状态码、错误信息，定位具体问题

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