Как отправить данные POST в колбу, используя выборку Reactjs - PullRequest
Новая
       17

Как отправить данные POST в колбу, используя выборку Reactjs

0 голосов
/ 12 января 2019

Я очень новичок, чтобы реагировать, и я пытаюсь понять, как правильно использовать fetch. У меня есть этот маршрут фляги питона, который я пытаюсь пробить с заднего конца, который выглядит примерно так: 

@app.route('/api/v1', methods=['POST'])
def postTest():
    if not request.json:
        return "not a json post"
    return "json post succeeded"

Теперь, когда я достигла этой точки с почтальоном, я на самом деле могу получить мое успешное сообщение.

Вот как выглядит моя выборка реагирования: 

returnFlaskPost() {
  return fetch( 'http://localhost:5000/api/v1', {
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    }, 
    method: 'POST',
    body: {
      'user1':'1234'
    }
  });
}

Всякий раз, когда я запускаю свое приложение и пытаюсь прочитать эту функцию на консоли, я получаю следующий результат:

enter image description here

Может кто-нибудь объяснить мне, что я делаю не так и что я могу сделать, чтобы это исправить. Я очень ценю это.

1 Ответ

0 голосов
/ 12 января 2019

Это проблема перекрестного совместного использования ресурсов. В вашем случае вы пытаетесь получить доступ к конечной точке API с другого URL, поскольку API обслуживается сам по себе. Кстати, 127.0.0.1:3000 и 127.0.0.1:5000 рассматриваются как два разных URL-адреса, поэтому вызывают ошибку, на которую вы ссылаетесь. Итак, чтобы это исправить, вам нужно выполнить следующие шаги:

  1. Установка Flask-CORS: 

    pip install flask-cors

  2. Включите этот код в ваше приложение Flask (вероятно, __init __. Py): 

    from flask_cors import CORS
CORS(app)

Вот и все!

...