Alguma razão pela qual a configuração da política de pré-compilação do cors não está funcionando no aplicativo Laravel 7?

Aug 15 2020

Eu fiz uma solicitação "post" usando axios para o aplicativo back-end do Laravel. Sempre lança esses erros

depois de enviar o formulário:

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 o formulário:

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.

o que fiz até agora:

cors.php (arquivo de configuração em 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 origem e os caminhos foram alterados.

pedido 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
            }
        }, 

Respostas

aseladaskon Aug 19 2020 at 09:48

Obrigado por todos os visualizadores. O comando "composer update" resolveu o problema.