laravel header Allow Origin error while calling api

Question

i create a api which return the list of users.i test it in postman app and working fine (return json) . but when i try to call it in ionic2 then it show me error in console.i try to insert header('Access-Control-Allow-Origin: *'); in public/index.php at the top . and also try to make a middleware and the handler() has following code

return $next($request)
        ->header('Access-Control-Allow-Origin', '*')
        ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');

route/api.php

Route::group(['middleware' => ['Cors']] ,function(){

     Route::get('/nearby',['as' => 'people.nearby' , 'uses' => function(){
       return User::all();
     }]);
});

and inside kernel.php($routeMiddleware) i add alliance as 'Cors' => \App\Http\Middleware\Cors::class

i try to call a test api link(https://randomuser.me/api/) from the google to check if my js or typescript code is working fine and i got the response with json but got error of Allow Access Origin while calling my laravel api . where i am going wrong or some error in my code . any help will appreciated.

Here is the request result of api from network tab(Developer mode).

and also the request/response header as example stackoverflow.com/a/40359870/5039495 — Icycool
– Icycool, Commented Sep 7, 2017 at 4:53
XMLHttpRequest cannot load localhost/social/public/api/nearby. The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. Origin 'localhost:8100' is therefore not allowed access. — sandeep
– sandeep, Commented Sep 7, 2017 at 11:26
@Icycool .i insert the network request response image, please take a look once thanku — sandeep
– sandeep, Commented Sep 7, 2017 at 11:37
It is complaining you having 2 lines of Access-Control-Allow-Origin — Icycool
– Icycool, Commented Sep 7, 2017 at 18:08

Rafael Tavares · Accepted Answer · 2022-01-13 15:17:32Z

2

I added

header('Access-Control-Allow-Origin: *');

in public/index.php and removed the Cors middleware and all done.

edited Jan 13, 2022 at 15:17

Rafael Tavares

6,5524 gold badges38 silver badges57 bronze badges

answered Sep 7, 2017 at 12:19

sandeep

5395 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Cody Caughlan · Accepted Answer · 2017-09-06 17:35:26Z

1

Probably because Ionic2 itself has not been allowed to make network requests to your endpoint.

You will need to update the Ionic2 app not the server-side (Laravel).

In your Ionic2 config.xml you most likely need to adjust the access attribute, see the documentation here:

https://cordova.apache.org/docs/en/latest/config_ref/#access

answered Sep 6, 2017 at 17:35

Cody Caughlan

32.8k5 gold badges67 silver badges68 bronze badges

2 Comments

sandeep Over a year ago

ok, so you mean that my api is perfectly fine the problem is in ionic config file.?

Zooly Over a year ago

@sandeep indeed, if you've enabled CORS on server-side, the issue could be from your Ionic app. config.xml should be on root folder, and you'll have to edit <allow-navigation> tag

Collectives™ on Stack Overflow

laravel header Allow Origin error while calling api

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related