在 React 中不显示 MongoDB 数据答案

【问题标题】：Not showing MongoDB data in React在 React 中不显示 MongoDB 数据
【发布时间】：2021-10-28 22:19:48
【问题描述】：

我试图在我的 React 应用程序中显示从 MongoDB 返回的数据，但我收到了一个错误。

这是我的 server.js 文件：

const express = require("express");
const app = express();
const mongoose = require("mongoose");
const BookModel = require("./models/book");

/// DATABASE CONNECTION
mongoose.connect(
  "mongodb://localhost:27017/excavate?readPreference=primary&appname=MongoDB%20Compass&ssl=false",
  { useNewUrlParser: true }
);

// app.get("/insert", async (req, res) => {
//   const friend = new FriendModel({ name: "Jessic", age: 38 });
//   await friend.save();
//   res.send("Inserted DATA");
// });

app.get("/read", async (req, res) => {
  BookModel.find({}, (err, result) => {
    if (err) {
      res.send(err);
    } else {
      res.send(result);
    }
  });
});

app.listen(3001, () => {
  console.log("You are connected!");
});

这是我在客户端文件夹中的 App.js 文件：

 const [books, setBooks] = useState([])
  const[searchTerm, setSearchTerm] = useState("")
  const[selectedNote, setNote] = useState()

  useEffect( ()=> {
    Axios.get('http://localhost:3001/read').then((response)=> {
      // setBooks(response.data)
      // console.log(books)
      console.log(response)
    }).catch(()=>{
      console.log("ERR")
    })
  }, [])

但是当我启动我的 React 应用程序并打开控制台时，我看到了这个错误（见附件截图）。

error

有人知道为什么没有返回数据吗？当我在终端中输入“node server.js”命令并在浏览器中打开 http://localhost:3001/read 时，我可以在浏览器中看到数据。

【问题讨论】：

标签： reactjs mongodb axios

【解决方案1】：

您需要允许 CORS 解决问题您可以在link3中找到允许CORS的说明 https://stackoverflow.com/a/64641435/8622555

【讨论】：