我正在使用 play 2.4 制作公共(public) REST API。我添加了允许所有来源和 header 的 CORS 过滤器。

从 application.conf 中查看:

play.filters {
  # CORS filter configuration
  cors {

    # The path prefixes to filter.
    pathPrefixes = ["/"]

    # The allowed origins. If null, all origins are allowed.
    allowedOrigins = null

    # The allowed HTTP methods. If null, all methods are allowed
    allowedHttpMethods = null

    # The allowed HTTP headers. If null, all headers are allowed.
    allowedHttpHeaders = null

    # The exposed headers
    exposedHeaders = []

    # Whether to support credentials
    supportsCredentials = true

    # The maximum amount of time the CORS meta data should be cached by the client
    preflightMaxAge = 1 hour
  }
}

当我从经典浏览器(经过 chrome/firefox 测试)调用 API 时，无论来源如何，我都允许，它工作得非常好。

但是当我尝试从一个 cordova 应用程序调用它时(在 cordova 应用程序中，ajax 请求的来源是 file://)，我收到一个 CORS 错误:No 'Access -Control-Allow-Origin' header 出现在请求的资源上。因此不允许访问来源“file://”。响应具有 HTTP 状态代码 403。好像我不允许 origin 'file://'

我尝试使用另一个允许 CORS (GET https://public.opencpu.org/ocpu/library/) 的 API 来检查是否不是 cordova 阻止了请求，但它工作正常。所以我猜问题出在Play上。

我尝试设置 allowedOrigins = ["file://"] 但它也不起作用...

有什么帮助吗？

编辑:这不是 Cross origin GET from local file:// 的副本: 我无法安装网络服务器，因为这是一个 cordova 应用程序。这些文件从手机/平板电脑文件系统提供给 WebView。 这是一个特定于 Play 框架的问题，我以前使用旧版本没有问题。也许可以修改默认的 CorsFilter 以允许原始文件://

编辑 2:请求后，这是我用于自定义 Scala 过滤器的(非常简单的)代码。

// CORSFilter.scala
package filters
import play.api.libs.concurrent.Execution.Implicits.defaultContext
import play.api.mvc._
import play.mvc.Http

/**
  * Allow CORS from anywhere, any method
  */
class CORSFilter extends EssentialFilter {
  def apply(nextFilter: EssentialAction) = new EssentialAction {
    def apply(requestHeader: RequestHeader) = {
        nextFilter(requestHeader)
          .map { result =>
            if (requestHeader.method.equals("OPTIONS")) {
              Results.Ok.withHeaders(
                Http.HeaderNames.ACCESS_CONTROL_ALLOW_ORIGIN -> "*",
                Http.HeaderNames.ACCESS_CONTROL_ALLOW_HEADERS -> "X-Requested-With, Accept, Content-Type",
                Http.HeaderNames.ACCESS_CONTROL_ALLOW_METHODS -> "HEAD,GET,POST,PUT,PATCH,DELETE")
            } else {
              result.withHeaders(
                Http.HeaderNames.ACCESS_CONTROL_ALLOW_ORIGIN -> "*",
                Http.HeaderNames.ACCESS_CONTROL_ALLOW_HEADERS -> "X-Requested-With, Accept, Content-Type",
                Http.HeaderNames.ACCESS_CONTROL_ALLOW_METHODS -> "HEAD,GET,POST,PUT,PATCH,DELETE",
                Http.HeaderNames.ACCESS_CONTROL_EXPOSE_HEADERS -> "X-Custom-Header-To-Expose")
            }
          }
    }
  }
}

请注意，我只在开发模式下使用它，它有一些问题。例如，如果在运行时未捕获异常，则响应将没有 CORS header ，因为未应用过滤器。但如果这是用于 cordova 应用程序，它应该可以正常工作。

最佳答案

好的，问题出在Play框架的这行代码:https://github.com/playframework/playframework/blob/master/framework/src/play-filters-helpers/src/main/scala/play/filters/cors/AbstractCORSPolicy.scala#L322

由于 URI 为“file://”，URI 的域/主机为空，因此 new URI 抛出错误，然后 Play 返回 403 错误。要解决此问题，我们需要修补框架或尝试将原点更改为“file://”。

我找到了适用于我的用例的解决方法:在 Play 上禁用 CORS。然后，当我在我的 cordova 应用程序中使用 ajax 时，不会检查来源。

此解决方法的问题是，如果我出于任何原因想要在我的 Play 项目上启用 CORS，则 cordova 应用程序将无法运行，因为 Play 将检查来源并拒绝它。

关于javascript - 玩! 2.4 : How to allow CORS from origin file://，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32509118/