Question

我正在尝试将我的Django后端连接到使用axios访问api端点的React前端。我用curl测试了api，看看我是否收到了测试数据的json，没关系。我打开了端点，因此不需要身份验证。但我继续在我的javascript控制台中收到此错误：

编辑：表示我在计算机上运行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

我需要在我的django api上设置CORS。问题不是我的前端，而是后端未正确设置。每当你有来自不同服务器的api请求时，你必须在后端设置CORS。

网络错误Django后端反应前端

1 个答案: