0

我正在尝试在我的 rails 应用程序中实现 google places api。

这是我在尝试使用从 ajax 请求中获取数据的函数时遇到的错误：

XMLHttpRequest cannot load . Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

我正在使用 rack-cors gem，并将此代码段添加到我的 config/application.rb 文件中：

config.middleware.insert_before 0, "Rack::Cors" do
      allow do
        origins '*'
        resource '*', :headers => :any, :methods => [:get, :post, :options]
      end
    end

这是我认为的 ajax 请求（coffeescript）：

    $.ajax
      url: url
      dataType: "json"
      type: "GET"

我已将此部分添加到我的 application_controller

before_filter :cors_preflight_check
after_filter :cors_set_access_control_headers

def cors_set_access_control_headers
headers['Access-Control-Allow-Origin'] = '*'
headers['Access-Control-Allow-Methods'] = 'POST, GET, OPTIONS'
headers['Access-Control-Allow-Headers'] = '*'
headers['Access-Control-Max-Age'] = "1728000"
end

def cors_preflight_check
if request.method == :options
  headers['Access-Control-Allow-Origin'] = '*'
  headers['Access-Control-Allow-Methods'] = 'POST, GET, OPTIONS'
  headers['Access-Control-Allow-Headers'] = '*'
  headers['Access-Control-Max-Age'] = '1728000'
  render :text => '', :content_type => 'text/plain'
end
end

这个，到我的路线文件

 match '*path' => 'application#cors_preflight_check', :via => :options

我注意到“cors_preflight_check”方法不是由我的请求触发的。（当我单击视图中的某个链接时，我会发出 AJAX 请求）

而且我注意到我的请求标头保持不变。

（Access-Control-Allow-Origin 未添加到请求标头中）

jsonp 不是一个选项，因为 places api 不支持它

尝试了在这些线程中编写的所有内容：

4

1 回答 1

0

我正在尝试在我的 rails 应用程序中实现 google places api。

您似乎对 CORS 的功能感到困惑。例如，如果您尝试执行 ajax 调用，https://maps.googleapis.com那么唯一重要的是Google 在响应中发送的 CORS 标头。如果这不起作用，您可能正在尝试使用过时的 api 版本端点。

而是按照以下步骤操作： https ://developers.google.com/maps/documentation/javascript/examples/place-search

如果您希望您的应用程序能够向其他域提供数据，那么您将提供 CORS 标头。但这不太可能是导致您的问题的原因，除非您正在做一个由单独的前端使用的 Rails api 应用程序。

有关 CORS 工作原理的教程，请参阅使用 CORS。

另一方面，CSP（内容安全策略）允许您为跨域请求设置更宽松的规则。但在这种情况下不需要，因为 Google 为其 Web 服务提供了 CORS 标头。

于 2016-05-17T09:17:05.787 回答