Non è possibile specificare intestazioni nella richiesta in AngularJS

Question

Ho 2 parti nella mia app: server di frontend e rails angolare. E poiché si tratta di domini diversi, le richieste non funzionano per impostazione predefinita. C'è molto personale su questo, incluso lo stack, ma non funziona per me.

Questo è il mio metodo di controllo angolare:

$scope.test =-> 
    # transform = (data) -> 
    # $.param data 

    $http.post('http://localhost:3000/session/create', 'token=some', 
    headers: 
     'Access-Control-Allow-Origin': 'http://localhost:9000', 
     'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS', 
     'Access-Control-Allow-Headers': 'Content-Type, X-Requested-With' 
    # transformRequest: transform 
).success (responseData) -> 
    console.log(responseData) 

ho commentato trasformare i dati, non v'è alcuna differenza nella risposta del server.

E ho configurato app (visto questo in qualche post) così:

.config ["$httpProvider", ($httpProvider) -> 
    $httpProvider.defaults.useXDomain = true 
    delete $httpProvider.defaults.headers.common["X-Requested-With"] 
] 

Credo che abbia richiesta non ajax come (ma non sono sicuro).

Ma nella mia richiesta non ci sono intestazioni. Sono tutti in qualche campo Access-Control-Request-Headers:access-control-allow-origin, accept, access-control-allow-headers, access-control-allow-methods, content-type:

Request URL:http://localhost:3000/session/create 
    Request Method:OPTIONS 
    Status Code:404 Not Found 

    Request Headers 

    Accept:*/* 
    Accept-Encoding:gzip,deflate,sdch 
    Accept-Language:en-US,en;q=0.8,ru;q=0.6 
    Access-Control-Request-Headers:access-control-allow-origin, accept, access-control-allow-headers, access-control-allow-methods, content-type 
    Access-Control-Request-Method:POST 
    Connection:keep-alive 
    DNT:1 
    Host:localhost:3000 
    Origin:http://localhost:9000 
    Referer:http://localhost:9000/ 
    User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.8 Safari/537.36 

    Response Headers 

    Content-Length:12365 
    Content-Type:text/html; charset=utf-8 
    X-Request-Id:2cf4b37b-eb47-432a-ab30-b802b3e33218 
    X-Runtime:0.030128 

console Chrome:

OPTIONS http://localhost:3000/session/create 404 (Not Found) angular.js:6730 
OPTIONS http://localhost:3000/session/create No 'Access-Control-Allow-Origin' header is  present on the requested resource. Origin 'http://localhost:9000' is therefore not allowed access. angular.js:6730 
XMLHttpRequest cannot load http://localhost:3000/session/create. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not allowed access. localhost/:1 

Altre informazioni insignificanti: Sul server:

class ApplicationController < ActionController::Base 
    before_filter :allow_cross_domain_access 

    protected 

    def allow_cross_domain_access 
    headers['Access-Control-Allow-Origin'] = '*'# http://localhost:9000 
    headers['Access-Control-Allow-Headers'] = 'GET, POST, PUT, DELETE' 
    headers['Access-Control-Allow-Methods'] = %w{Origin Accept Content-Type X-Requested-With X-CSRF-Token}.join(',') 
    headers['Access-Control-Max-Age'] = '1728000' 

    end 
end 

Routes è evidente post "session/create". E il controller sessione:

class SessionController < ApplicationController 
    respond_to :json, :html, :js 

    def create 
    respond_with "logged in" 
    # render nothing: true 
    end 
end 

Io uso la versione più recente di angolare 1.2.0.rc-2. this is my project on github

Answer 1

Si confondono le intestazioni di richiesta e risposta nell'esempio.

Quando si effettua una richiesta di dominio croce (CORS) e si vuole fare qualcosa di diverso da un semplice GET - così per esempio un POST o aggiungere intestazioni personalizzate - il browser prima fare una richiesta OPTIONS. Questo è quello che vedete nella vostra console sviluppatore:

OPTIONS http://localhost:3000/session/create 404 (Not Found) angular.js:6730 

Il server quindi dovrebbe aggiungere le intestazioni appropriate per la risposta della richiesta OPTIONS.

Quindi è possibile rimuovere le intestazioni personalizzate dalla chiamata Angolare. Successivamente è necessario assicurarsi che il proprio server/applicazione risponda alla richiesta OPZIONI, non restituendo un 404.