php - Configuración de cors en laravel 5.3

xmlhttprequest laravel-5.3

Question

Así que tengo el siguiente software intermedio:

<?php
namespace App/Http/Middleware;
use Closure;
class Cors {
/**
* Handle an incoming request.
*
* @param /Illuminate/Http/Request $request
* @param /Closure $next
* @return mixed
*/
public function handle($request, Closure $next) {
return $next($request)
->header(''Access-Control-Allow-Origin'', ''*'')
->header(''Access-Control-Allow-Methods'', ''GET, POST, PUT, DELETE, OPTIONS'');
}
}

Parece simple, está registrado:

<?php
namespace App/Http;
use Illuminate/Foundation/Http/Kernel as HttpKernel;
class Kernel extends HttpKernel
{
/**
* The application''s global HTTP middleware stack.
*
* @var array
*/
protected $middleware = [
// ...
/App/Http/Middleware/Cors::class,
];
/**
* The application''s route middleware.
*
* @var array
*/
protected $routeMiddleware = [
''cors'' => /App/Http/Middleware/Cors::class,
// ...
];
}

La ruta lo usa:

Route::group([
''prefix'' => ''api/v1/'',
''middleware'' => ''cors''
], function() {
// ...
});

Sin embargo, la consola dice:

Fetch API no puede cargar http: //examplesite.local/api/v1/blogs? _sort = id & _order = DESC & _start = 0 & _end = 10 . El tipo de contenido del campo de encabezado de solicitud no está permitido por Access-Control-Allow-Headers en la respuesta de verificación previa.

La última vez que verifiqué, esta era la forma correcta de instalar cors en Laravel 5.3, así que a menos que me equivoque terriblemente ...

Puedo hacer clic en el enlace para la solicitud de API en la pestaña net work de Chrome y se abre una nueva pestaña que me muestra el resultado de la API, que es una respuesta JSON.

Sin embargo, javascript asume que cors no está habilitado?

Answer 1

Al mirar la última línea de su error, creo que le falta el encabezado de content-type en su lado del servidor. Intente agregar esta línea a sus encabezados y vea si funciona:

header->(''Access-Control-Allow-Headers''=> ''Content-Type, X-Auth-Token, Origin'');

También podría echarle un vistazo a esta respuesta.