播放带有响应前端的Java后端框架不会返回正确的http响应

Question

下面有我的application.conf文件。 并请注意，原因有几行，我尝试了几种组合来解决此问题。 但是找不到任何修复。

在React前端获取API调用

fetch('http://localhost:9000/items', {
        method: 'GET'
}).then(
    response => response.json()
).then(
    data => {
        console.log(data);
    }
).catch(
    error => {
        console.error(error);
        console.log('errr');
    }
);

Application.conf文件

play.filters.hosts {
   allowed = ["."]
}
play.filters.disabled += "play.filters.headers.SecurityHeadersFilter"
play.filters.disabled += play.filters.cors.CORSFilter
play.filters.disabled += play.filters.csrf.CSRFFilter
play.filters.headers.contentSecurityPolicy = "default-src 'self'; img-src 'self' https://my.img.cdn.com"
# disable the built in filters
# play.http.filters = play.api.http.NoHttpFilters
play.filters.enabled += "play.filters.cors.CORSFilter"
play.filters.cors {
  # allow all paths
  pathPrefixes = ["/"]
  # allow all origins (You can specify if you want)
  allowedOrigins = null
  allowedHttpMethods = ["GET", "POST", "PUT", "DELETE"]
  # allow all headers
  allowedHttpHeaders = ["Accept", "Content-Type"]

下图显示了响应前端请求的选项请求。

下面也是控制台中的错误和警告。

然后检查是否删除了http请求中的标头。 然后，通过在网络标签中发送GET请求获得200。 但是在获取api调用中引发了异常

因此，看来在play API中应该是cors问题。 但是无法通过对应用程序配置进行不同的更改来弄清楚。

Answer 1

我已经解决了这个问题，下面将给出答案。

play.filters.enabled += "play.filters.cors.CORSFilter"

play.filters.cors {
  allowedOrigins = ["http://localhost:8080", "http://localhost:9000"]
  allowedHttpMethods = ["GET", "POST", "PUT", "DELETE"]
  preflightMaxAge = 3 days
}

希望这对任何人都有帮助。