Laravel Vuejs API CORS
[Finalizado Pelo Aluno]
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?
Olá, Roberto!
Tudo bem?
Qual pacote você usou para trabalhar com CORS?
Me envie um print também (https://imgur.com/upload).
Coloquei no git hub a API de produtos e também os arquivos VUE JS
API
https://github.com/robertotnoya/api-products
VueJS
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.
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!
Precisa estar logado para conseguir responder a este ticket!
Clique Aqui Para Entrar!