Failed to load http://localhost:8000/api/details: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

Hola

Mi servidor (Web Service Rest) esta en Laravel (ultima version) Mi app cliente este en Ionic 3 (Ultima version)

Tengo este problema:

Failed to load http://localhost:8000/api/details: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8100’ is therefore not allowed access.

Y la cuestion es que las rutas normales funcionan bien, el cors la acepta.

Pero las rutas del Auth Passport de laravel no funcionan

Este es el archivo de Cors.php

public function handle($request, Closure $next)
    {
        $response = $next($request)
          ->header('Access-Control-Allow-Origin', '*')
          ->header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE')
          ->header('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

        return $response;   
    }

Este es el archivo de api.php

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

    Route::group(['middleware' => 'auth:api'], function() {
        Route::post('details', 'PassportAuthController@details');
    });

});

Ayuda, gracias.

[DaruoMatrix]

download the extension “Allow-Control-Allow-Origin” if you use chrome

[suhailkc]

chrome extension “Allow-Control-Allow-Origin:*” solved my problem

thanks @DaruoMatrix