所以在 StackOverflow 上有一些解决这个错误的问题，但在我检查的 10-15 个中，我找不到解决我的确切问题的方法。

我在远程服务器上运行一个 Angular 应用程序(端口 9000)和一个 Rails 应用程序(端口 3000)。 Angular 应用程序通过 post 请求向 Rails 应用程序发送请求。

发出请求时，Javascript 控制台会显示此错误消息:

XMLHttpRequest cannot load http://0.0.0.0:3000/api/query. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://10.241.16.159:9000' is therefore not allowed access. 

根据我的阅读，我需要对我的 Rails 应用程序进行一些更改，以便它可以接受来自其他服务器的连接(这看起来很奇怪，因为两个应用程序都在同一个 ec2 实例上运行)。

我试过添加一行

  skip_before_filter :verify_authenticity_token

到我在 rails 中的 Controller ，但这似乎没有效果。

我该如何解决这个错误？

最佳答案

在 app/controllers/application_controller.rb 中:

before_filter :add_allow_credentials_headers

def add_allow_credentials_headers                                                                                                                                                                                                                                                        
  # https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#section_5                                                                                                                                                                                                      
  #                                                                                                                                                                                                                                                                                       
  # Because we want our front-end to send cookies to allow the API to be authenticated                                                                                                                                                                                                   
  # (using 'withCredentials' in the XMLHttpRequest), we need to add some headers so                                                                                                                                                                                                      
  # the browser will not reject the response                                                                                                                                                                                                                                             
  response.headers['Access-Control-Allow-Origin'] = request.headers['Origin'] || '*'                                                                                                                                                                                                     
  response.headers['Access-Control-Allow-Credentials'] = 'true'                                                                                                                                                                                                                          
end 

def options                                                                                                                                                                                                                                                                              
  head :status => 200, :'Access-Control-Allow-Headers' => 'accept, content-type'                                                                                                                                                                                                         
end

在 config/routes.rb 中:

match '*any' => 'application#options', :via => [:options]

请注意，这是对 OPTIONS 请求的响应，如果您的 Angular 前端正在执行 POST 请求，您将需要它。我对 Access-Control-Allow-Credentials 所做的操作是针对我的应用程序的，因此 cookie 是从前端发送的。

我强烈建议您阅读我上面代码中那个 mozilla 链接中的文档。它对 CORS 有非常详尽的解释。您可能会发现上面的代码对于您的目的来说过于宽松。

关于javascript - XMLHttpRequest 请求的资源上不存在 'Access-Control-Allow-Origin' header ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25045681/