播放框架错误：多维JSON不存在“Access Control Allow Origin”标题

Question

所以我想在我用Play框架构建的Web服务上发表一篇文章。我使用ajax调用发出请求并发布一些JSON：

var post = $.ajax({
type:"POST",
url:"http://0.0.0.0:9000/v1.0/products",
data:'{"name":"Double product fdsfdsdf","sku":"3432432432","price":{"value":"22.0","curency":{"key":"USD"}}}'
})

然而，我一直得到这个错误：

undefined
XMLHttpRequest cannot load http://0.0.0.0:9000/v1.0/products. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://0.0.0.0:2333' is therefore not allowed access. 

以下是我在播放上的设置：

object Global extends GlobalSettings {

  /**
   * Global action composition.
   */
  override def doFilter(action: EssentialAction): EssentialAction = EssentialAction { request =>
    action.apply(request).map(_.withHeaders(
      "Access-Control-Allow-Origin" -> "*",
      "Access-Control-Allow-Methods" -> "POST, GET, PUT, DELETE, OPTIONS",
      "Access-Control-Allow-Credentials" -> "true"
    ))
  }
}

知道发生了什么吗？谢谢

Answer 1

浏览器可能会首先发送一个飞行前选项调用，以查看是否存在任何标题，您可能需要确保使用正确的标题回答该问题。

这里有一个关于CORS如何工作的很好的流程图，您可以在这里看到OPTIONS请求以及应该发生什么：http://www.html5rocks.com/static/images/cors_server_flowchart.png