[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
Roberto Noya
Criador Roberto Noya 01/01/2020

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 01/01/2020

Olá, Roberto!
Tudo bem?

Qual pacote você usou para trabalhar com CORS?

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

Carlos Ferreira
Criador Roberto Noya 01/01/2020

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

Roberto Noya
Manager Carlos Ferreira 01/01/2020

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.

Carlos Ferreira
Criador Roberto Noya 01/01/2020

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!

 

Roberto Noya
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!