时间戳

首页 > 解决方案 > 我无法使用 REACT 实现 DJANGO REST API

reactjs - 我无法使用 REACT 实现 DJANGO REST API

问题描述

我想为我的电子商务网站将 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',

最好的，罗克。

标签： reactjsdjangodjango-rest-frameworkreact-router

解决方案

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

推荐阅读