Laravel + AngularJS CORS ne fonctionne pas

Je fais un projet AngularJS, maintenant à http://localhost avec un backend laravel à http://api.localhost , les deux servis par un serveur nginx.

Lors d’une requête $ http.post, angular effectue d’abord l’appel CORS OPTIONS, et j’ai configuré mon serveur nginx pour qu’il réponde avec les en-têtes appropriés:

  location / { add_header "Access-Control-Allow-Origin" "*"; add_header "Access-Control-Allow-Credentials" "true"; add_header "Access-Control-Allow-Methods" "GET,POST,DELETE,PUT,OPTIONS"; add_header "Access-Control-Allow-Headers" "Keep-Alive,User-Agent,If-Modified-Since,Cache-Control,Content-Type,Authorization"; add_header "Access-Control-Max-Age" "1728000"; if ($request_method = 'OPTIONS') { return 204; } #try_files $uri $uri/ /index.html; try_files $uri /index.php?$query_ssortingng; } location = /index.php { add_header "Access-Control-Allow-Origin" "*"; add_header "Access-Control-Allow-Credentials" "true"; add_header "Access-Control-Allow-Methods" "GET,POST,DELETE,PUT,OPTIONS"; add_header "Access-Control-Allow-Headers" "Keep-Alive,User-Agent,If-Modified-Since,Cache-Control,Content-Type,Authorization"; add_header "Access-Control-Max-Age" "1728000"; if ($request_method = 'OPTIONS') { return 204; } ... } 

Mon module angular est également configuré avec:

 .config(['$httpProvider', function($httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; }]) 

L’appel OPTIONS renvoie comme prévu:

• Aléatoire 400 erreurs “token_invalid” avec l’application Laravel / jwt-auth et Angular / Satellizer
• Problèmes de configuration interdomaine utilisant nginx, sails et upstart
• Express 4, NodeJS, routage AngularJS
• Nginx renvoie une erreur 404 pour certaines URL angularJS pendant un certain temps
• Comment forcer une expiration du cache sur une application node / angular / nginx

 Access-Control-Allow-Credentials:true Access-Control-Allow-Headers:Keep-Alive,User-Agent,If-Modified-Since,Cache-Control,Content-Type,Authorization Access-Control-Allow-Methods:GET,POST,DELETE,PUT,OPTIONS Access-Control-Allow-Origin:* Access-Control-Max-Age:1728000 Connection:keep-alive Date:Mon, 04 Nov 2013 02:14:16 GMT Server:nginx/1.2.6 (Ubuntu) 

Mais l’appel ultérieur du POST que j’effectue échoue avec un statut CANCELED et l’angle angular jette une erreur sur la console JS:

 `XMLHttpRequest cannot load http://api.localhost/users/accesstokens. Origin http://localhost is not allowed by Access-Control-Allow-Origin.` 

Je suis restée éveillée tard hier soir et je me suis mise au travail, mais quand j’ai essayé à nouveau aujourd’hui, c’était de retour à la case départ. Le pire genre de problème!

Qu’est-ce que?

EDIT: J’ai trouvé le problème, mais je ne le comprends toujours pas. J’ai regardé mes journaux d’access nginx et j’ai vu que la requête POST frappait le serveur même si l’état était ANNULÉ. J’ai également vu que la réponse était un 401. Après avoir reçu ma demande, la réponse était 201. Toujours le même statut ANNULÉ. Mais quand j’ai ajusté le statut à 200, le tour est joué! La demande a fonctionné comme prévu.

Y a-t-il une raison pour laquelle AngularJS n’accepte qu’un statut 200 dans une demande d’origine croisée?

• Routage Laravel + AngularJS Nginx
• Créer une session Django à partir d’un jeton
• Délai d’attente des travailleurs Unicorn
• parcours angulars non directement accessibles dans nginx
• Configuration de l’application unique Nginx