我无法使用 REACT 实现 DJANGO REST API答案

【问题标题】：I cannot implement DJANGO REST API with REACT我无法使用 REACT 实现 DJANGO REST API
【发布时间】：2021-01-03 12:09:17
【问题描述】：

我想为我的电子商务网站将 React 与 Django REST API 集成，但由于某种原因不起作用。我真的不知道我错过了什么。欢迎任何意见。

请看下面的代码。

反应

Home.js（这是产品的代码）

const loadAllProducts = () => {
  getProducts()
    .then((data) => {
      if(data.error) {
        setError(data.error); //box filled with data error
        console.log(error); // message "error"
      } else {
        setProducts(data); // box filled with data product
      }
    });
    loadAllProducts();
};

coreapicalls.js（这里我要取数据）

import { API } from "../../backend.js";
export const getProducts = () => {
  return fetch(`${API}product`, { method: "GET" })
   .then(response => response.json())
   .catch((err) => console.log(err));
  };

.env（我的两个服务器都在运行，url 和符号“/”是正确的。）

REACT_APP_BACKEND = http://localhost:8000/api/

我的编译器没有返回任何特定错误。 ./src/core/Home.js 第 16:11 行：“loadAllProducts”被分配了一个值，但从未使用过 no-unused-vars ./src/core/Card.js 第 26:11 行：“getAredirect”被赋值，但从未使用过 no-unused-vars

DJANGO（settings.py，Django 确实在 localhost:8000/api/product/ 上给了我 JSON 数据）

'api',
'api.category',
'api.product',

最好，韩国。

【问题讨论】：

“我的编译器没有返回特定错误”，错误描述非常具体，并且准确地告诉您问题所在。
我已将 loadAllProducts 移到外面。并写成： useEffect(loadAllProducts, [] ) 。根据此线程 stackoverflow.com/questions/55840294/… 。现在我有这个问题“未处理的拒绝（TypeError）：数据未定义”。

标签： reactjs django django-rest-framework react-router

【解决方案1】：

我进入 chrome devtools 并在网络下看到“cors 错误”。我忘了运行“pip install django-cors-headers”。用于 corsheaders 的 DJANGO REST API 上的配置是正确的。

【讨论】：