已配置CORS头，浏览器向Play服务器请求仍出现CORS错误

嘿，我来帮你搞定这个跨域问题！你说已经配置了CORS但还是报错，大概率是Play Framework的CORS配置没覆盖到你的请求场景，或者Angular这边的请求细节有遗漏，咱们一步步排查：

Play的CORS规则是在application.conf里配置的，你得确保这些关键参数都设置正确：

• 允许的来源：play.filters.cors.allowedOrigins必须包含你的前端域名（比如Angular默认跑在http://localhost:4200，就把这个加进去），别图省事只写*——尤其是如果你的请求需要带凭证（比如cookie），*是不支持凭证的。
• 允许的HTTP方法：play.filters.cors.allowedHttpMethods一定要包含POST，比如设置成["GET", "POST", "PUT", "DELETE"]。
• 允许的请求头：play.filters.cors.allowedHttpHeaders得包含Content-Type，因为你的请求明确用了这个头，比如可以设置成["Accept", "Content-Type", "Authorization"]。
• 凭证支持：如果你的登录请求需要携带cookie（比如后端用session做认证），必须开启play.filters.cors.supportsCredentials = true，同时前端请求也要对应配置。

给你一个完整的配置示例：

play.filters.cors {
  allowedOrigins = ["http://localhost:4200"]
  allowedHttpMethods = ["GET", "POST", "PUT", "DELETE"]
  allowedHttpHeaders = ["Accept", "Content-Type", "Authorization"]
  supportsCredentials = true
}

另外，别忘了在build.sbt里添加CORS过滤器的依赖（如果还没加的话）：

libraryDependencies += filters

你的代码已经设置了Content-Type: application/json，但还有两个容易忽略的点：

• 如果后端需要凭证支持，要在$http配置里加上withCredentials: true，修改后的代码如下：

$scope.login = function () { 
  console.log('login called'); 
  var loginURL = 'http://localhost:9000/login'; 
  var loginInfo = { 'email': $scope.email, 'password': $scope.password }; 
  $http({ 
    url: loginURL, 
    method: 'POST', 
    data: loginInfo, 
    headers: { 'Content-Type': 'application/json' },
    withCredentials: true // 新增这一行
  }).then(function (response) {
    // 你的回调逻辑
  });
}

• 确认前端的运行端口和你在Play配置里写的allowedOrigins完全一致——比如如果Angular跑在localhost:8080，那配置里就不能写4200，端口错了肯定会跨域。

打开浏览器的「开发者工具」→「Network」标签，找到你的login请求：

• 看Request Headers里的Origin字段，确认这个值在Play的allowedOrigins列表里。
• 看Response Headers里有没有Access-Control-Allow-Origin、Access-Control-Allow-Methods这些CORS相关的头，如果没有，说明Play的CORS过滤器根本没生效，可能是配置没加载，或者过滤器没启用。
• 如果是预检的OPTIONS请求失败，看OPTIONS请求的响应状态码是不是200，响应头的CORS配置是否正确——Play的CORS过滤器会自动处理OPTIONS请求，别在路由里手动拦截OPTIONS请求，否则会破坏预检流程。

• 如果你在Play里写了自定义的拦截器或过滤器，要确保CORS过滤器是第一个执行的，不然自定义过滤器可能会在CORS头返回之前就处理请求，导致浏览器触发跨域错误。
• 先单独测试后端的/login接口：用Postman直接发POST请求，确认接口本身能正常返回（比如返回200），排除是后端接口报错导致的“假跨域”——有时候接口返回500，浏览器也会报跨域错误，但实际问题出在后端服务上。

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