Rails、Backbone、PhoneGap、CORS（Access-Control-Allow-Origin 错误不允许）答案

【问题标题】：Rails, Backbone, PhoneGap, CORS (not allowed by Access-Control-Allow-Origin error)Rails、Backbone、PhoneGap、CORS（Access-Control-Allow-Origin 错误不允许）
【发布时间】：2012-12-04 07:43:34
【问题描述】：

我正在使用backbone.js 和Rails 后端构建一个Phonegap 应用程序。创建新用户时，我收到与 CORS 相关的错误：

我正在http://0.0.0.0:8000 ($ python -m SimpleHTTPServer) 上运行我的 PhoneGap Web 应用程序，并在 http://0.0.0.0:3000 ($ rails 服务器) 上的 webrick 中运行我的 Rails 应用程序。

当试图在 Backbone 中创建一个新的“Spot”时会出现问题（chrome js 控制台）：

> s = new App.Models.Spot()
(creates Spot)
> s.save()
(returns error Object)
OPTIONS http://0.0.0.0:3000/spots.json 404 (Not Found) jquery-1.8.2.js:8416
XMLHttpRequest cannot load http://0.0.0.0:3000/spots.json. Origin http://0.0.0.0:8000 is not allowed by Access-Control-Allow-Origin.

这是我的应用程序控制器：

def set_access_control_headers
  headers['Access-Control-Allow-Origin'] = 'http://0.0.0.0:8000'
  headers['Access-Control-Request-Method'] = 'POST, GET'
end

我已经阅读了许多文章，我能得到的最远的文章是在修改我的 routes.rb 以包含以下内容时：

match '*all' => 'application#cor', :constraints => {:method => 'OPTIONS'}

在我的 application_controller.rb 中

def cor
  headers["Access-Control-Allow-Origin"] = "*"
  headers["Access-Control-Allow-Methods"] = %w{GET POST PUT DELETE OPTIONS}.join(",")
  headers["Access-Control-Allow-Headers"] = %w{Origin Accept Content-Type X-Requested-With X-CSRF-Token}.join(",")
  head(:ok) if request.request_method == "OPTIONS"
end

添加路由和“cor”方法将允许我进行保存，但是在删除记录时我会遇到同样的错误。

我了解了 CORS 的基本概念，我无法访问域与我的请求来源不同的服务器。但是我不清楚如何使用 Rails、Backbone、Phonegap 进行设置。任何帮助都会很棒，谢谢！

【问题讨论】：

为match '*all' => 'application#cor', :constraints => {:method => 'OPTIONS'}+1

标签： ruby-on-rails ajax cordova backbone.js cors

【解决方案1】：

我关注了this article（“Rails 中的 CORS”部分），它对我有用。

我将if request.method == :options 更改为if request.method == 'OPTIONS' 并将方法PUT、DELETE 添加到headers['Access-Control-Allow-Methods']。在Access-Control-Allow-Origin 中插入“*”我有 localhost:8080（我在 nginx 上运行我的应用程序）。

希望这会有所帮助。

PD：您的应用程序控制器中有过滤器（挂钩）吗？

【讨论】：