¿Alguna razón por la que la configuración de la política de cors precompilada no funciona en la aplicación Laravel 7?

Aug 15 2020

Hice una solicitud de "publicación" usando axios para la aplicación de back-end de Laravel. Siempre arroja estos errores

después de enviar el formulario:

Access to XMLHttpRequest at 'mydomain' (redirected from 'mydomain') from origin 'mydomain' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

antes de enviar el formulario:

Cross-Origin Read Blocking (CORB) blocked cross-origin response mydomain with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

lo que he hecho hasta ahora:

cors.php (archivo de configuración en laravel)

return [
    'paths' => ['api/*','web/*'],

    'allowed_methods' => ['*'],

    'allowed_origins' => ['*'],

    'allowed_origins_patterns' => [],

    'allowed_headers' => ['*'],

    'exposed_headers' => [
          'Cache-Control',
    'Content-Language',
    'Content-Type',
    'Expires',
    'Last-Modified',
    'Pragma', 
  ],

    'max_age' => 0,

    'supports_credentials' => false,

];

Permitir origen y los caminos se han cambiado.

solicitud de vue js axios

const result = await this.callApi('post','/user/login', this.data)

método callApi

async callApi(method,url,data){

            try {
                
                //axios.defaults.headers.post['Content-Type'] ='application/x-www-form-urlencoded';
                
                 // Send a POST request
                  return await axios({
                        method: method,
                        url: url,
                        data: data
                    });
            } catch (e) {
                return e.response
            }
        }, 

Respuestas

aseladaskon Aug 19 2020 at 09:48

Gracias por todos los espectadores. El comando "composer update" ha resuelto el problema.