Skip to main content
2 de 4
de 3167 - para 3167,145490
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Access to XMLHttpRequest has been blocked by CORS policy

Tenho duas aplicações Flask sendo executadas localmente na minha máquina. Uma está rodando na porta 5000 e a outra na porta 5050. Eu preciso fazer uma chamada da aplicação 5000 para a 5050. Porém estou tendo este problema:

Access to XMLHttpRequest at 'http://localhost:5050/run' from origin 'http://127.0.0.1:5000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

A chamada até ocorre na aplicação rodando na porta 5050, porém os dados não são passados e acaba dando um INTERNAL SERVER ERROR na aplicação 5050.

Este é o código que faz a chamada:

$.post('http://localhost:5050/run', {
  id: 'test',
  command: 'echo michael'
}, function (data) {
  console.log(data)
});

Já pesquisei sobre esse erro no google e até mesmo no próprio stack overflow, mas nenhuma das soluções funcionou para mim.

Seguem alguns links que pesquisei:

  1. https://stackoverflow.com/questions/20035101/why-does-my-javascript-get-a-no-access-control-allow-origin-header-is-present
  2. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. - Phonegap
  3. https://flask-cors.readthedocs.io/en/latest/
  4. https://stackoverflow.com/questions/30717152/python-flask-how-to-set-response-header-for-all-responses

Obs: Não quero ter que usar nenhuma extensão e nem executar o navegador com alguma flag!

Michael Pacheco
  • 1,7mil
  • 1
  • 14
  • 24