Django + React + axios 5) 实现前后端数据交互

现在我们需要用到一个javascript lib: axios . 进入到frontend这个文件夹，安装 axios。

npm install axios@0.21.1

然后打开 package.json 文件，加入proxy这个属性。具体URL取决于你开的本地server端口。

"proxy": "http://localhost:8080",

这个属性可以省略很多重复的指定URL，现在 axios.get("http://localhost:8080/api/todos/") 可以简写成为 axios.get("/api/todos/") 了。

APP.js 里面的代码更新为：

import React, { Component } from "react";
import Modal from "./components/Modal";
import axios from "axios";

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      viewCompleted: false,
      todoList: [],
      modal: false,
      activeItem: {
        title: "",
        description: "",
        completed: false,
      },
    };
  }

  componentDidMount()