You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.28 05:02:49