Skip to main content
Bumped by Community user
Pergunta reaberta por Syzoth javascript
adicionou 261 caracteres ao conteúdo
Fonte Link
Michael Pacheco
  • 1,7mil
  • 1
  • 14
  • 24

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'
})

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'
})
Melhorei a pergunta
Fonte Link
Michael Pacheco
  • 1,7mil
  • 1
  • 14
  • 24

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:

  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!

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!

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:

  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!

2
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Pergunta fechada como "Duplicada" por Syzoth javascript
Fonte Link
Michael Pacheco
  • 1,7mil
  • 1
  • 14
  • 24

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!