我无法使用 REACT 实现 DJANGO REST API

Question

我想为我的 ecom 网站将 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 Line 16:11: 'loadAllProducts' 被赋值但从未使用过 no-unused-vars ./src/core/Card.js Line 26:11: 'getAredirect' 被赋值但从未使用过 no-unused-vars

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

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

最好的，洛克。

Answer 1

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