get request working on api but post is giving error

Question

I am trying to call Laravel API in angular:

search(data){ console.log(data); this.http.get('http://localhost:8000/flight',JSON.stringify(data)) .subscribe(res=>{ console.log(res); }); }

the above is working with GET request.

 search(data){ console.log(data); this.http.post('http://localhost:8000/flight',JSON.stringify(data)) .subscribe(res=>{ console.log(res); }); }

but not working with POST request

this is the error i get :

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

even though i have my cors middelware written correctly

 return $next($request)->header('Access-Control-Allow-Origin', '*') ->header('Access-Control-Allow-Credentials', true ) ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS') ->header('Access-Control-Allow-Headers',' Origin, Content-Type, X-Auth-Token');

can you please just explain me sir iam new to laravel and angular — Saurabh Gupta
– Saurabh Gupta, Commented Sep 20, 2017 at 6:43
No sir , i dnt know any sir you need to enable CORS in lavel api github.com/barryvdh/laravel-cors — Rahul Singh
– Rahul Singh, Commented Sep 20, 2017 at 6:44
but i have enabled it by writing the cors middleware and i have also added it in my RouteServiceProvider — Saurabh Gupta
– Saurabh Gupta, Commented Sep 20, 2017 at 6:46
The only way to know if you really wrote it correctly is to look at the network tab in your developer tools and see if your local server actually returns the CORS header. — Catalyst
– Catalyst, Commented Sep 20, 2017 at 6:51

Chandru · Accepted Answer · 2017-09-20 06:49:34Z

Try like this in your post method:

in laravel server side :

Header set Access-Control-Allow-Origin "http://localhost:3000" (or) header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, Authorization, If-Modified-Since, Cache-Control, Pragma");

Restarting apache is neccessary.

post Method in angular

search(data: any) { return this.http.post('http://localhost:8000/flight', data).map(res => { const jsonResponse = res.json(); return jsonResponse; }); }

Saurabh Gupta · Accepted Answer · 2017-09-20 13:11:32Z

I just had to make a change in the code i.e (Remove JSON.stringify) because it was sending string instead of json object

 search(data){ console.log(data); this.http.post('http://localhost:8000/flight',data) .subscribe(res=>{ console.log(res); }); }

Collectives™ on Stack Overflow

get request working on api but post is giving error

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related