Rails CORS 问题与 Ajax API 端点请求

Question

我似乎在向 API 端点发出 GET 请求时遇到了一些问题。我知道 Rails 在幕后有一些安全措施。我正在使用 React-Rails 并在我的 componentDidMount 中对 API 端点进行 ajax 调用。我也在我的标题中传递了X-Auth-Token。

我的控制台错误：

XMLHttpRequest 无法加载“/api/end/point...”对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://localhost:3000' 不允许访问。响应的 HTTP 状态代码为 401。

我的 ajax 调用看起来像

$.ajax({ url: "my/api/endpoint...", headers: {"X-Auth-Token": "My API token..."},
    success: (response) => { console.log(response); } })

Answer 1

因为您的前端会从任何来源（任何客户端）发出请求，所以您必须从任何来源启用 CORS。试试

# config/initializers/cors.rb
Rails.application.config.middleware.insert_before 0, Rack::Cors do
  allow do
    origins '*'
    resource '*',
      headers: :any,
      methods: [:get, :post, :put, :patch, :delete, :options, :head]
  end
end

我在 rails 5 api 应用程序中使用它。在 rails 5 之前，将 rack-cors gem 添加到您的 Gemfile。不管怎样，重启你的服务器。

轨道 3/4

# config/application.rb
module YourApp
  class Application < Rails::Application

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