Rails-CORS-Problem mit Ajax-API-Endpunkt Anforderung

Question

Ich habe Probleme, eine GET-Anfrage an einen API-Endpunkt zu stellen. Ich weiß, dass hinter den Kulissen Sicherheit herrscht. Ich verwende React-Rails und in meinem componentDidMount einen Ajax-Aufruf an einen API-Endpunkt. Ich gebe auch eine X-Auth-Token in meinen Headern.

Meine Konsole Fehler:

XMLHttpRequest cannot load "/api/end/point..." Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://localhost:3000 ' is therefore not allowed access. The response had HTTP status code 401.

Mein Ajax-Aufruf suchen wie

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

Answer 1

Da Frontend-Anfragen von jeglicher Herkunft (jeder Client) tun wird, müssen Sie CORS von jeglicher Herkunft ermöglichen . Versuchen Sie

# 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 

Ich benutze dies in einer Schiene 5 API-Anwendung. Vor Schienen 5 fügen Sie rack-cors Edelstein zu Ihrem Gemfile hinzu. Wie auch immer, starte deinen Server neu.

Schienen 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