使用 Grape API 和 Heroku 的 CORS 问题

Question

我有一个只读 API，它在本地与 Vagrant 设置配合得很好。在我的 Heroku 应用上，每个 API 请求都因 CORS 错误而被拒绝：“请求的资源上不存在 'Access-Control-Allow-Origin' 标头。因此不允许访问 Origin 'null'。”

在我的 API 的基类中，我有以下设置标题：

module API
  class Base < Grape::API
    before do
      headers['Access-Control-Allow-Origin'] = '*'
      headers['Access-Control-Allow-Methods'] = 'GET, OPTIONS'
      headers['Access-Control-Request-Method'] = '*'
      headers['Access-Control-Allow-Headers'] = 'Origin, X-Requested-With, Content-Type, Accept, Authorization'
    end

    mount API::V1::Base   
  end
end

我怀疑这个 before 调用没有被触发 - 如果我在其中使用 puts 语句，则该语句不会与其余输出一起出现在我的控制台中。

我很茫然。希望有人对此有一些经验。谢谢。

编辑：我也关注了Grape's CORS instructions，但得到了相同的结果。

成功。我使用了rack-cors gem 和以下：

#application.rb
config.middleware.use Rack::Cors do
  allow do
    origins '*'

    # location of your API
    resource '/api/*', :headers => :any, :methods => [:get, :post, :options, :put]
  end
end

Answer 1

每次发出请求时都会出现 Access-Control-Allow-Origin 错误。

这可能是因为您的服务器 API 没有响应带有 CORS 所需标头的 OPTIONS 请求。

如果您使用的是 Google Chrome，您可以在开发控制台 -> 网络选项卡中查看它。

有趣的是，一些 Javascript 框架确实会在正常请求发送到服务器之前发出 OPTIONS 请求。

解决方案：

1. 修改您的 Gemfile 以包含 'rack-cors'。
2. 运行捆绑安装
3. 修改您的 config.ru：

*如果你在启动 Rails 服务器时遇到错误，请在“运行”后检查你的 API 命名空间

require 'rack/cors'

use Rack::Cors do
  allow do
    origins '*'
    resource '*', headers: :any, methods: [:get, :post, :options, :put]
  end
end

run API::V1::Base

现在您应该看到 Grape 处理所有带有 CORS 标头的 OPTIONS 请求。