Laravel Vuejs API CORS

[Finalizado Pelo Aluno]

Roberto Noya Criador 01/01/2020
Roberto Noya

Olá Carlos,

 

Estou estudando o curso de VUE JS. Nesse momento estou na aula 13 – Vue Http / Aula 13 CADASTRAR PRODUTO API COM VUE JS

Eu assisti as aulas referente e a criação de uma API rest que funciona sem problemas usando o postman.

Consegui através do Vuejs exibir a lista de produtos e também a lista de categorias sem problemas

Ao tentar cadastrar um novo produto me deparei com o erro “create:1 Access to XMLHttpRequest at 'http://apiproducts.local/api/v1/products' from origin 'http://localhost:8080' 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.”

Ao acessar o arquivo config/cors.php

Consta:

'allow_credentials' => false,

        'allow_origins' => [ '*',],

         'allow_methods' => ['POST','GET','OPTIONS','PUT','PATCH','DELETE',],

         'allow_headers' => ['Content-Type','X-Auth-Token','Origin','Authorization',],

Estranhamente não criei qualquer filtro tanto na origem como na ação “POST”. Além disso, se existisse alguma restrição na origem eu não conseguiria listar os produtos.

Alguma idéia de como resolver?

Manager Carlos Ferreira 02/01/2020
Carlos Ferreira

Olá, Roberto!
Tudo bem?

Qual pacote você usou para trabalhar com CORS?

Me envie um print também (https://imgur.com/upload).

Criador Roberto Noya 02/01/2020
Roberto Noya

Coloquei no git hub a API de produtos e também os arquivos VUE JS

API

https://github.com/robertotnoya/api-products

 

VueJS

https://github.com/robertotnoya/cliente-vuejs

Manager Carlos Ferreira 03/01/2020
Carlos Ferreira

Experimente usar esse pacote de CORS: https://github.com/fruitcake/laravel-cors

Se não dê certo eu baixo o seu projeto para identificar onde está o problema.

Criador Roberto Noya 04/01/2020
Roberto Noya

Deu certo!

Inclusive fiz o teste alterando o caminho (path) como também alterando os metodos (allowed_methods) com sucesso!

vou dar continuidade no estudo do VueJS.

Muito Obrigado!

 

Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!