最基本的结构将有一个root包含文件夹frontend和backend文件夹。既然您在谈论MERN堆栈，那么您将拥有后端环境的package.json内部NodeJS和事物package.json的React一面。后端服务器和前端客户端是两个完全独立的东西，所以是的，它们都有自己的 node_modules 文件夹。在后端，你可能已经安装了类似Express为您的节点运行时，Mongoose一个更便捷的方式跟你的MongoDB，等，并在您的前端，你有你React 为你的前端框架，Redux用于状态管理等。此外，根据您在 package.json 文件中已经列出的内容，当您npm install 单独运行时，它将安装在这两个文件夹中。如果要安装其他软件包，只需npm install + "the name of the package"在需要它的特定文件夹（后端或/和前端）内运行（不带“+”和引号）。

我希望这可以帮到你。查看图片，尤其是第二张。

应用结构

文件夹结构

更新：

在开发中，我建议安装两个额外的东西：

1. npm i -D nodemon
2. npm i -D concurrently

注意：该-D标志会将它们安装为devDependencies.

nodemon将跟踪每个文件更改并为您重新启动后端服务器。因此，很明显它应该安装在“后端”文件夹中。您所要做的就是进入package.json文件（后端）并添加一个新脚本。像这样的东西：

"scripts": {
"start": "node app.js",  // in production
"dev": "nodemon app.js", // in development
}

concurrently允许您同时启动前端和后端。我建议在顶级根文件夹中初始化一个新的 Node 项目- [包含前端和后端的文件夹]。您可以使用npm init命令执行此操作，然后在那里安装concurrently软件包。

现在，打开根文件夹中新创建的package.json文件并编辑开始部分，如下所示：

   "scripts": {
       "dev": "concurrently \"cd backend && npm run dev\" \"cd frontend && npm start\" "
   }

这将做的是进入后端文件夹并运行dev命令（与我们刚刚配置的相同），以便启动nodemon。此外，它还将进入前端文件夹并运行默认start命令 - 这正是我们想要的。

如果您保留文件夹结构，安装所有依赖项（包括我上面提到的另外两个），更改package.json文件root夹内的文件，您将能够使用一个简单的命令启动它们：

npm run dev // 执行此操作时，请确保您位于根文件夹内:)

添加到已接受的答案中，如果前端和后端内部的文件夹结构划分基于业务逻辑而不是技术逻辑，则它会更有用。

将整个堆栈划分为最好不要在它们之间共享文件的自包含组件是使您的应用程序更具可测试性和易于更新的最佳方式。这就是通常所说的微服务架构。

糟糕的设计：难以更新和测试：

良好的设计：易于更新和测试：

根据您的要求使用结构，例如基于项目范围或深度。但是请确保将端点和模型分开，因此最初有这样的设置

src/
controllers - for the endpoints
models - for the schema
server.js - or index.js