2016-06-25 11 views
0

Können Sie mir bitte sagen, wo ich schief gelaufen und ist es etwas ausgelassen, dass ich die json von Heroku WebsiteWie Cross-Origin Anfrage loswerden Blockiert: in Schienen 4

Config zu holen hinzuzufügen habe .ru

require ::File.expand_path('../config/environment', __FILE__) 

run Rails.application 
use Rack::Cors do 
allow do 
origins 'localhost:3000', '127.0.0.1:3000', 'http://stark-anchorage-86169.herokuapp.com/ages/ getfortest', /\Ahttp:\/\/192\.168\.0\.\d{1,3}(:\d+)?\z/ 


resource '/file/list_all/', :headers => 'x-domain-token' 
resource '/file/at/*', 
    :methods => [:get, :post, :delete, :put, :patch, :options, :head], 
    :headers => 'x-domain-token', 
    :expose => ['Some-Custom-Response-Header'], 
    :max_age => 600 

end 

allow do 
origins '*' 
resource '/public/*', :headers => :any, :methods => :get 
end 
end 

config/application.rb

Bundler.require(*Rails.groups) 

module AppV11 
class Application < Rails::Applications. 



config.active_record.raise_in_transactional_callbacks = true 

config.middleware.insert_before 0, "Rack::Cors" do 
    allow do 
    origins '*' 
    resource '*', :headers => :any, :methods => [:get, :post, :options] 
    end 
end 
end 

end 

mein Controller wie dies unter

mit einigen Helfern sieht
before_filter :set_access_control_headers 

def set_access_control_headers 
headers['Access-Control-Allow-Origin'] = 'http://staranchorage-   86169.herokuapp.com/ages/getfortest' 
end 

Die AngularJS Teil:

function getpost() 
{ 
    console.log("INSIDE GETPOST"); 
    $http.get('http://stark-anchorage-86169.herokuapp.com/ages/getfortest') 
    .success(function(response) 
      { 
     console.log("INSIDE RESPONSE "+ response); 
     $scope.demogetpost = response.data; 
     console.log($scope.demogetpost); 
     console.log("NOT PRINTING"); 
    }) 
    return $scope.demogetpost; 
} 
+0

Es fehlt eine Vielzahl von Überschriften, die leicht gefunden werden können, indem Sie nach 'Access-Control-Allow-Origin' suchen. Ich kenne keine Schienen, aber ich bin sicher, dass es dafür Edelsteine ​​geben muss – charlietfl

+0

Danke, es funktioniert @charlietfl –

+0

Schlage vor, Sie fügen Ihre eigene Antwort, wie Sie das gelöst haben. Könnte anderen in Zukunft helfen – charlietfl

Antwort

0

Ich habe in neuem Tab öffnen und das ist der Grund, warum ich bekam Cross-Origin-Anforderung blockiert. Außerdem habe ich Header für Access-Control-Allow-Origin hinzugefügt.