在 React 中不显示 MongoDB 数据

Posted 2023-03-04

【中文标题】在 React 中不显示 MongoDB 数据

【英文标题】：Not showing MongoDB data in React

【发布时间】：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 时，我可以在浏览器中看到数据。

【参考方案1】：

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