Angular2请求Scala Play后端返回200但响应体为空问题求助

我目前采用Angular2作为前端开发框架，Scala Play Framework作为后端。经Postman测试，后端可正常返回所需JSON数据，但Angular端无法接收到响应体内容。相关代码如下：

// Client.ts
public static getAllUncompleteCompanyForm(http: Http, userId: string, headers: Headers, apiUrl: string): Observable<Response> { 
  return http.get(apiUrl + Client.version + 'scoring/uncomplete-form/companies/' + userId, {headers: headers}); 
}

排查与解决方案 #

碰到这种Postman正常但前端拿不到数据的情况，通常是浏览器环境特有的限制或者前端处理逻辑的疏漏，我给你几个实用的排查方向：

• 先确认前端的响应解析逻辑
  你的方法只是返回了Observable<Response>，但订阅这个Observable的时候，你有没有正确提取响应体？很多新手会忽略这一步。比如你应该这样处理订阅：

  Client.getAllUncompleteCompanyForm(http, userId, headers, apiUrl)
    .subscribe(
      response => {
        // Angular 2/4中需要调用.json()来解析响应体
        const responseData = response.json();
        console.log('拿到的数据:', responseData);
        // 后续处理逻辑
      },
      error => {
        console.error('请求出错了:', error);
      }
    );
  

  如果跳过了解析步骤，你可能看到的只是Response对象本身，而不是里面的JSON数据。

• 检查后端的CORS配置
  Postman不受浏览器跨域限制，但Angular运行在浏览器里，必须确保Play后端配置了正确的CORS规则。你需要在application.conf里添加类似配置：

  play.filters.cors {
    allowedOrigins = ["http://localhost:4200"] // 替换成你的Angular项目运行地址
    allowedHttpMethods = ["GET", "OPTIONS"]
    allowedHttpHeaders = ["Accept", "Content-Type", "Authorization"]
  }
  

  如果CORS配置不正确，浏览器会拦截响应，导致Angular无法获取到数据。

• 验证请求头的正确性
  你传入的headers里有没有设置Accept: application/json？明确告诉后端你期望接收JSON格式的响应，避免后端返回其他格式导致解析失败。可以这样创建Headers：

  const headers = new Headers();
  headers.append('Accept', 'application/json');
  // 其他需要的头信息，比如Authorization
  

• 检查后端响应的Content-Type
  打开Postman的响应头面板，确认Content-Type是不是application/json; charset=utf-8这类值。如果后端返回的Content-Type不对，Angular的Http模块可能无法自动识别为JSON数据，导致解析失败。

• 添加详细日志定位问题
  在订阅时同时打印完整的Response对象和错误信息，这能帮你快速定位问题：

  .subscribe(
    response => {
      console.log('完整响应对象:', response);
      console.log('响应状态:', response.status);
    },
    error => {
      console.error('错误状态:', error.status);
      console.error('错误详情:', error);
    }
  );
  

  从日志里你能看到请求是否成功、响应头是什么、有没有报错信息。

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