Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Requisição Cross-Origin Bloqueada

Referente ao curso Fetch API: Consumindo uma API Rest com JavaScript

por Francisco Jose Machado Junior
| 188.9k xp | 36 posts

Olá, estou criando uma C.R.U.D com MySQL, Lumen (API) e React (Frontend), usando docker-compose para subir a aplicação. Quando tento consumir a API aparece a seguinte mensagem:

Uncaught (in promise) SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

Requisição cross-origin bloqueada: A política de mesma origem (Same Origin Policy) impede a leitura do recurso remoto em http://localhost:8000/api/clients. (Motivo: o cabeçalho CORS 'Access-Control-Allow-Origin' não está presente).

Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.
3 respostas
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Francisco, tudo bem? Você precisa liberar o acesso nas configurações do CORS no Lumen para que ele permita requisições vindo de outro dominio.

Espero ter ajudado.

por Francisco Jose Machado Junior
| 188.9k xp | 36 posts

Olá, Matheus;

Não achei nas configurações no Lumen onde fazer essa liberação, só achei um post onde indica criar uma classe CorsMiddleware e depois registrar em bootstrap/app.php.

Seria isso? Outra pergunta não tem problema habilitar o CORS?

solução!
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala Francisco, é isso ai mesmo.

Vai mudar muito de linguagem para linguagem e framework para framework, mas, a ideia é isso ai mesmo, nesse middleware você vai setar o CORS de todas as requisições.

Espero ter ajudado.