El campo de encabezado de solicitud de axios access-control-allow-origin no está permitido por Access-Control-Allow-Headers en la respuesta de verificación previa. sitio: ejemplo de código stackoverflow.com

Ejemplo 1: Angular Laravel ha sido bloqueado por la política de CORS: El campo de encabezado de solicitud x-required-with no está permitido por Access-Control-Allow-Headers en la respuesta de verificación previa.

namespace AppHttpMiddleware;
use Closure;
class Cors
{
    public function handle($request, Closure $next)
    {
        $response = $next($request);
        $response->header('Access-Control-Allow-Methods', 'HEAD, GET, POST, PUT, DELETE');
        $response->header('Access-Control-Allow-Headers', $request->header('Access-Control-Request-Headers'));
        $response->header('Access-Control-Allow-Origin', '*');
        return $response;
    }
}

Ejemplo 2: la respuesta de laravel a la solicitud de verificación previa no pasa la verificación de control de acceso: no hay un encabezado ‘Access-Control-Allow-Origin’ presente en

Step 1 : Create Cors middleware.
php artisan make:middleware Cors

Step 2 : Add below lines in handle function before return.
  //header('Access-Control-Allow-Origin:  *');
header('Access-Control-Allow-Origin:  http://localhost:4200');
header('Access-Control-Allow-Headers:  Content-Type, X-Auth-Token, Authorization, Origin');
header('Access-Control-Allow-Methods:  POST, PUT');

Step 3 : Register the middileware in app/Http/Kernel.php file
  
  Add below line in $middleware array 

 AppHttpMiddlewareCors::class,

Step 4 : Now we have to call the middleware in app/Http/Kernel.php file
  Add below line in $routeMiddleware array 

'cors' => AppHttpMiddlewareCors::class,



Using the * works rather than the host origin. Was missing the Cors.php middleware in the array as well

---

---

Utiliza Nuestro Buscador