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)
});
Este é o código da aplicação 5050:
import logging
from flask import Flask, json
from flask import request
from flask_cors import CORS
from task_executor import execute_task
app = Flask(__name__)
cors = CORS(app)
logging.getLogger('flask_cors').level = logging.DEBUG
@app.route('/check', methods=['GET'])
def hello():
response = app.response_class(
response="Server is running!",
status=200,
mimetype='text/plain',
)
return response
@app.route('/run', methods=['POST'])
def post():
task_info = request.get_json()
print(task_info)
task_output = execute_task(task_info)
response = app.response_class(
response=json.dumps(task_output),
status=200,
mimetype='application/json'
)
response.headers['Access-Control-Allow-Origin'] = '*'
return response
if __name__ == '__main__':
app.run(debug=True, host='localhost', port=5050)
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:
- https://stackoverflow.com/questions/20035101/why-does-my-javascript-get-a-no-access-control-allow-origin-header-is-present
- No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. - Phonegap
- https://flask-cors.readthedocs.io/en/latest/
- 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!
EDIT:
O seguinte código dá erro 400 (BAD REQUEST)
$.ajax('http://127.0.0.1:5050/run', {
contentType: 'application/json',
crossDomain: true,
data: {id: 'test', command: 'echo hello'},
method: 'POST'
})
http://localhost:5050
é diferente dehttp://127.0.0.1:5000
, logo não pode acessar diretamente via Ajax pq isso implicaria em falha de segurança, a unica maneira de permitir o acesso é no Flask que esta rodando a porta 5050 adicionar o HEADER, exemplo: gist.github.com/brcontainer/21956e354c64d514402f13e49c9913c1 .. Recomendo que leia pt.stackoverflow.com/a/145493/3635 para entender o que significa este erro. Se tiver mais alguma duvida pode comentar aqui.No 'Access-Control-Allow-Origin' header is present on the requested resource.
afirmaAccess-Control-Allow-Origin header não esta presente no recurso requisitado
, ou você não reiniciou o Flask, ou você confundiu algo. Tenta reiniciar o Flask e rodar o endereçohttp://127.0.0.1:5000
em uma janela privada. Tenta a forma do código que lhe enviei também