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.