axios 不会从 django 服务器检索数据

Question

我尝试从我的 Django 服务器检索数据以使用 React 呈现它，但我遇到了一个问题：数据未呈现。

我在 localhost:8000 中有我的 Django 服务器运行，在 localhost:3000

中有 React 应用程序运行

我的App.js:

import React from 'react';
import axios from 'axios';

class App extends React.Component {

    state = {
        details : [],
    }

    componentDidMount() {

        let data ;

        axios.get('http://localhost:8000/wel/')
        .then(res => {
            data = res.data;
            this.setState({
                details : data
            });
        })
        .catch(err => {})
    }

  render() {
    return(
      <div>
            {this.state.details.map((detail, id) =>  (
            <div key={id}>
            <div >
                  <div >
                        <h1>{detail.detail} </h1>
                        <footer >--- by
                        <cite title="Source Title">
                        {detail.name}</cite>
                        </footer>
                  </div>
            </div>
            </div>
            )
        )}
      </div>
      );
  }
}

export default App;

以及我尝试从中检索数据的服务器页面：

localhost:8000/wel

怎么回事？

Answer 1

我想你遇到了 No Access-Control-Allow-Origin Header 错误。

我建议你打开检查window并检查是否出现此错误。

如果是，那我建议你去看看这个。 django-cors-headers not work

如果你没有使用 django rest-framework，我建议使用它。

axios 不会从 django 服务器检索数据

axios wont retrieve data from django server

django

render

reactjs

axios