最基本的结构是有一个root文件夹，其中包含frontend和backend文件夹。由于您正在谈论***MERN*堆栈，您的NodeJS后端环境中将有一个package.json，而您的React**端将有一个package.json。后端服务器和前端客户端是两个完全独立的东西，所以是的，它们都有自己的node_modules文件夹。在后端，你可能已经为你的Node运行时安装了像Express这样的东西，Mongoose是一种更方便的方式与MongoDB等进行对话，在前端，您将使用React作为前端框架，Redux用于状态管理等。此外，根据您在package.json文件中已经列出的内容，当你单独运行npm install时，它会被安装在这两个文件夹中。如果你想安装其他的软件包，只需要在你需要的特定文件夹中运行npm install + "the name of the package"（不带'+'和引号）（后端或/和前端）。
我希望这是有帮助的。看看照片，尤其是第二张。

应用结构

文件夹结构

更新日期：

在开发中，我建议安装两个额外的东西：
1.npm i -D nodemon
1.npm i -D concurrently
注意：-D标志将它们安装为 * devDependencies *。

**nodemon**会跟踪每个文件的更改，并为您重新启动后端服务器。因此，很明显，它应该安装在“backend”文件夹中。您所要做的就是进入package.json文件（后端）并添加新脚本。类似于以下内容：

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

concurrently允许同时启动前端和后端，建议在顶层的root文件夹-[前端和后端的文件夹]中初始化一个新的Node项目，使用npm init命令，然后在那里安装concurrently包。

现在，打开你新创建的package.json文件，在你的***根***文件夹中，编辑开始部分，像这样：

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

这将做的是进入backend文件夹并运行dev命令（* 与我们刚刚配置的命令相同 ），因此将启动nodemon。此外，它还将进入frontend文件夹并运行默认的start命令-这正是我们想要的。
如果你保留了文件夹结构，安装了所有的依赖项（包括我上面提到的另外两个），改变了*root**文件夹中的package.json文件，你就可以用一个简单的命令启动它们：

npm run dev//这样做时，请确保您在根文件夹中：）

除了公认的答案之外，如果基于业务逻辑而不是技术逻辑，前端和后端内部的文件夹结构划分更有用。
将整个堆栈划分为独立的组件，这些组件之间最好不共享文件，这是使您的应用程序更具可测试性和易于更新的最佳方法。这是一种尽可能小的方式，通常称为微服务架构。

设计不佳：难以更新和测试：

********易于更新和测试：

根据你的需求使用结构，比如基于项目的范围或深度。但是要确保端点和模型是分开的，所以一开始就有这样的设置

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