Fórum Academy - erro de cors

Criador Urbano dos Santos Silva Filho 18/01/2021

Olá está dando o erro abaixo, como poderia resolver

Access to fetch at 'http://apps.widenet.com.br/busca-cep/api/cep/72005230.json' from origin 'http://localhost:8086' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

3 comentários

Manager Carlos Ferreira 18/01/2021

Olá, Urbano!
Tudo bem?

Outro aluno teve o mesmo problema.

Vejas as orientações que passei para ele neste ticket aqui: https://academy.especializati.com.br/ticket/socket_io

Siga as minhas orientações, se não conseguir progredir retorna este ticket que te ajudo a resolver (o projeto dele eu rodei na minha maquina e não tinha nenhum problema)

Criador Urbano dos Santos Silva Filho 18/01/2021

Olá Carlos não utilizo nenhum framework, como do exemplo informado, o laravel, esses frameworks tem uma maneira, conforme documentacao, de habilitar o cors, utilizo simples um arquivo html chamando arquivo .js, conforme o exemplo da aula, e abro diretamente o arquivo html no browser.

Tentei passar alguns parametros no configis do fetch, como abaixo, porém continuou com o problema do cor.

var configs = { 
  method: 'GET',
  mode: 'cors',
  cache: 'default' ,
  redirect: 'follow',
  headers: {
  'Accept': 'application/json',
  'Content-type': 'application/json'
  }
};
 
Tentei colocar numa pasta htdocs do xamp que tenho instalado(no qual acesso pelo dominio localhost:///....) para ver se resolveria não resolveu.
 
Pesquisando pela internet vi uma forma de abrir uma nova instância do chrome não segura para testar e consegui rodar o exemplo

chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security

Manager Carlos Ferreira 18/01/2021

Olá, Urbano!

O problema nem é exatamente na tecnologia backend da API, mas sim no conceito, porque se não retorna os headers (CORS) o browser invalida a request.

Tanto que se fizer essa mesma requisição usando outra tecnologia(como por exemplo CURL com PHP) não terá problema (mesmo usando a mesma API).

Precisa devolver nessa API as informações de CORS (estes headers), porque neste caso evita esse problema de CORS em requisições feitas com o Browser.