Сетевая ошибка Django Backend для взаимодействия с внешним интерфейсом

Question

Я пытаюсь подключить свой бэкэнд Django к React Frontend, используя axios для доступа к конечной точке API.Я проверил API с помощью curl, чтобы увидеть, если я получаю JSON из тестовых данных, это нормально.Я открыл конечную точку, чтобы она не нуждалась в аутентификации.Но я продолжаю получать эту ошибку в консоли javascript:

edit: для того, чтобы сказать, что на моем компьютере запущен API и внешний интерфейс

Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:87)

Test.js - тестовый компонент дляпроверить подачу бэкэнда на фронтенд.Я хотел бы консоль журнала данных, но только перехватить ошибку.

import React, {Component} from 'react'
import axios from 'axios';

class Test extends Component{
  constructor(){
    super();
    this.state = {
      messages:[],
    }
  }
  componentDidMount(){
    axios.get('http://127.0.0.1:8000/api/message/?format=json')
      .then(res=> {
        console.log(res);
      })
      .catch(error =>{
        console.log(error);
      });
}
  render(){
    return(
      <div>
        <h1>
          Message:
        </h1>
      </div>
    )
  }
}


export default Test;

Answer 1

Мне нужно было настроить CORS на моем django api.Проблема была не в моем интерфейсе, а в том, что сервер не был правильно настроен.Всякий раз, когда у вас есть запрос API с другого сервера, вы должны настроить CORS на бэкэнде.