npm run build后JSON联系人列表及线上部署的JSON数据库位置查询
React部署后JSON数据库文件位置问题解答
核心前提:React静态构建与后端服务分离
执行npm run build生成的build文件夹仅包含前端静态资源(HTML、CSS、JS、静态媒体文件等),你的Node.js后端服务(处理localhost:3001请求的部分)和JSON数据库文件,完全不属于build产物的范畴——React是前端框架,build过程只会打包前端代码,不会包含后端逻辑或数据库文件。
JSON数据库文件的具体位置
1. 本地开发环境
本地开发时,JSON数据库文件(比如db.json)会和你的Node.js后端代码放在同一目录下(注意:不是React项目的src或build文件夹),后端服务启动后(比如执行node server.js),会直接读写该目录下的文件。
2. 线上部署环境
- 前后端同服务器/同托管服务部署:
JSON文件存放在后端代码的根目录下(和后端启动文件<比如server.js>同层级),而非前端build文件夹内。你需要通过托管服务商的文件管理工具(如cPanel文件管理器、VPS SSH终端)找到后端代码的部署路径,才能定位到这个文件。 - 前后端分开部署(比如前端托管在Netlify/Vercel,后端部署在Heroku/EC2):
JSON文件仅存在于后端服务所在的服务器目录中,和前端build文件夹无关联,需登录后端托管平台的管理界面查找对应目录。
常见误区说明
你在线上找不到文件,大概率是误将前端build文件夹当成了完整项目包,但实际上它只是纯静态前端资源,不包含任何后端逻辑或数据库文件。另外如果你的表单线上运行正常,说明后端服务已经成功部署,只是你找错了文件所在的目录。
快速排查步骤
- 确认Node.js后端服务已和前端一同部署在托管平台,而非仅部署了前端
build产物。 - 登录托管服务商后台,定位到后端代码的部署目录,查找你的JSON数据库文件(比如默认的
db.json)。 - 若使用
json-server搭建简易数据库,默认数据库文件就是后端项目根目录下的db.json,线上环境路径一致。
内容的提问来源于stack exchange,提问作者Diogen_Sin
相关产品推荐
相关产品推荐

