«Ошибка сети» с Axios и DjangoREST, но запрос завершается успешно

Question

Итак, я использую ReactJS и DjangoRESTframework для сборки своего приложения.
Сейчас .. Когда я отправляю запрос с помощью Postman, он отлично работает (например, 127.0.0.1:8000/api/users/ GET request) и когда я пытаюсь сделать это в Reactс Axios я получаю сетевую ошибку, но на своей консоли локального сервера разработки я вижу, что она выполнена успешно.

Это мой запрос get с axios в реаги:

componentDidMount() {
    axios.get('http://127.0.0.1:8000/api/users/', {
      headers: {
        'Accept': 'application/json'
      }
    })
    .then(res => {
      console.log(res.data);
    }).catch(err => {
      console.log(err);
    })
  }

И я получаю сетьОшибка.Но, как я уже говорил с Почтальоном, это работает.

Еще один пример - я посылаю POST-запрос с Axios на http://127.0.0.1:8000/api/users/, и в ответ я получаю также Сетевую ошибку, но на моем бэкэнде пользователь IS создан.

Это код моего POST-запроса с axios:

let formData = new FormData();
      formData.set('email', this.state.emailField);
      formData.set('username', this.state.usernameField);
      formData.set('password', this.state.passwordField);
      axios({
        method: 'POST',
        data: formData,
        url: 'http://127.0.0.1:8000/api/users/',
        config: {headers: {'Content-Type': 'multipart/form-data'}}
      }).then(request => {
        console.log(request.data);
      }).catch(err => {
        console.log(err);
      })

Я около часа гуглял, чтобы это исправить, но ничего не помогает.

Answer 1

Можете ли вы быть более понятным, что вы видите как ошибка сети?Приложите несколько сообщений об ошибках / трассировки стека.

Это похоже на Cross-Origin Resource Sharing (CORS) проблему для меня.Попробуйте настроить CORS на бэкэнде DjangoRESTframework.

Это может помочь вам, если это так.