Node.js与Angular2中HTTP GET请求获取数据失败求助

我来帮你一步步排查这个问题，状态码200说明请求已经成功到达后端并返回了，但看不到数据大概率是几个常见的小问题，咱们逐个解决：

1. 你打印的是订阅对象，不是实际返回的数据 #

你在component.ts里直接打印data，但这个data是subscribe方法返回的订阅实例（Subscription），不是接口返回的真实数据。你得把打印逻辑放到订阅的回调函数里，才能拿到真正的接口响应：

修改后的component.ts代码：

this.personalInfoService.getPersonalInfoData().subscribe(arg => {
  this.driverData = arg;
  console.log(arg); // 这里才是后端返回的实际数据
});
// 不要直接打印subscribe的返回值，那只是订阅对象，不是你要的业务数据

2. 检查后端返回的数据格式与解析逻辑 #

虽然状态码是200，但有可能后端返回的是空内容、或者数据格式不符合你的预期。你可以先打开浏览器的Network面板，找到/getPersonalInfoData这个请求，查看Response标签页里的内容，确认后端确实返回了有效数据。

另外，Angular的Http（老版本）和HttpClient（新版本）对响应的解析逻辑不同：

• 如果是Angular 5及以下的Http模块：需要手动调用res.json()把响应解析成JSON对象
• 如果是Angular 6+的HttpClient模块：默认会自动解析JSON，不需要额外处理

修改你的personalInfoService代码（适配老版本）：

return this.http.get('/getPersonalInfoData').map((res: Response) => {
  console.log(res); // 先在这里看原始响应的结构
  return res.json(); // 解析成可直接使用的JSON对象
});

如果是新版本HttpClient，可以简化成：

return this.http.get('/getPersonalInfoData'); // 自动解析JSON，直接返回Observable

3. 确认请求的实际地址是否正确 #

你提到后端地址是http://localhost:8000/，但service里用的是相对路径/getPersonalInfoData，要确保前端请求的实际地址是http://localhost:8000/getPersonalInfoData：

• 如果前端和后端在不同端口运行，需要配置Angular的代理（比如在proxy.conf.json里设置代理规则），否则会出现跨域问题（不过状态码200的话跨域应该已经解决了，但还是要确认）
• 可以在Network面板里查看请求的完整URL，确认是否指向正确的后端地址

先按这几步排查，应该就能找到问题所在了！

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