Discussion :

[iliass5165]

Bonjour,

Voila j'essai de me former sur AngularJs en réalisant une petite application qui permet d'envoyer des données avec un formulaire sous la forme JSON (avec le service $http.post) à une application en back-end qui tourne en LARAVEL 4.2.
Le problème que j'ai c'est, que je n'arrive pas à envoyer les données a cause des headers


Le code du service provider :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
app.service('reponseProvider', function($http){
 
	this.postReponse = function(reponse)
	{
		var req = {
					method: 'POST',
					url: 'foo/bar',
					data: reponse,
				 headers: {
			        'Content-Type':'application/x-www-form-urlencoded', 
			        'Accept': 'application/json',
			        'Access-Control-Origin-Method': 'POST',
 
			    },
			 };
 
		$http(req).then(function(){alert('it works!')}, function(reponse, headers){alert('nope ... '); console.log(headers);});
	};
});

Merci de voter aide.

[Marco46]

C'est à cause du mécanisme de sécurité nommé CORS implémenté dans les navigateurs modernes.

Quand les webservices que tu cherches à atteindre depuis ta webapp ne sont pas sur le même domaine que celui du serveur qui sert ton front il faut faire certaines configurations dans le client ET dans le serveur.

Cf aussi ce thread.