Làm thế nào để kích hoạt CORS trong Rails 4 App

Question

Tôi sắp sửa kéo tóc ra ... Tôi đã cố gắng kích hoạt CORS trong ứng dụng Rails này từ sáng và nó không hoạt động. Tôi đã thử sử dụng this, sử dụng Rack Cors Gem, this answer và post tất cả đều không thành công.

Ai đó có thể chỉ cho tôi đúng hướng không?

Dưới đây là js của tôi:

 var req = new XMLHttpRequest(); 

     if ('withCredentials' in req) { 
      // req.open('GET', "https://api.github.com/users/mralexgray/repos", true); 
      req.open('GET', "http://www.postcoder.lc/postcodes/" + value, true); 
      // Just like regular ol' XHR 
      req.onreadystatechange = function() { 
       if (req.readyState === 4) { 
        if (req.status >= 200 && req.status < 400) { 
         // JSON.parse(req.responseText) etc. 
         console.log(req.responseText); 
        } else { 
         // Handle error case 
        } 
       } 
      }; 
      req.send(); 
     } 

Khi tôi cố gắng url này (từ một khách hàng bên ngoài): https://api.github.com/users/mralexgray/repos mà làm việc ok, tôi giả sử vấn đề là với API Rails của tôi. Liệu tôi có sai?

EDIT: Hiện nay tôi có điều này trong bộ điều khiển của tôi:

skip_before_filter :verify_authenticity_token 
before_filter :cors_preflight_check 
after_filter :cors_set_access_control_headers 

# For all responses in this controller, return the CORS 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-Max-Age'] = "1728000" 
end 

# If this is a preflight OPTIONS request, then short-circuit the 
# request, return only the necessary headers and return an empty 
# text/plain. 

def cors_preflight_check 
    headers['Access-Control-Allow-Origin'] = '*' 
    headers['Access-Control-Allow-Methods'] = 'POST, GET, OPTIONS' 
    headers['Access-Control-Allow-Headers'] = 'X-Requested-With, X-Prototype-Version' 
    headers['Access-Control-Max-Age'] = '1728000' 
end 

Answer 1

Bạn nên sử dụng rack cors

Nó cung cấp một DSL tốt đẹp, để sử dụng trong config/application.rb của bạn, thay vì công việc đầu lộn xộn và trước bộ lọc.

Rất dễ chấp nhận như sau, nhưng tất nhiên, bạn sẽ phải điều chỉnh nó một chút.

use Rack::Cors do 
    allow do 
    origins '*' 
    resource '*', headers: :any, methods: :any 
    end 
end 

Answer 2

thêm vào Gemfile của bạn:

gem 'rack-cors' 

Thêm mã dưới đây để cấu hình/application.rb

# Rails 3/4 
config.middleware.insert_before 0, "Rack::Cors" do 
    allow do 
    origins '*' 
    resource '*', :headers => :any, :methods => :any 
    end 
end