Next.js构建后无法写入JSON文件，咨询合适存放位置

首先明确：前端静态资源目录（比如public）和项目根目录在生产部署后通常是只读的——要么是静态服务器/CDN的限制，要么是部署环境（如Docker、云托管）的权限控制，所以不能放在这些位置。下面分场景给出可行方案：

1. 纯前端项目（无后端） #

纯前端无法直接写入本地文件（浏览器安全策略限制），别再尝试用JSON文件存可修改的设置：

• 若为用户个人配置，直接存在浏览器的localStorage/sessionStorage里；
• 若为全局站点配置，必须搭配后端服务，前端通过API请求后端完成设置的读写。

2. 带Node.js后端的项目 #

新建一个非静态资源目录存放JSON文件，比如在项目根目录下创建data或config文件夹：

• 示例路径：./data/site-settings.json
• 后端代码里用绝对路径确保正确访问，比如：

  const path = require('path');
  const settingsPath = path.resolve(__dirname, '../data/site-settings.json');
  

• 部署时注意权限：
  • Linux服务器给目录设置写入权限：chmod 755 ./data
  • Docker部署的话，在Dockerfile里创建目录并设置权限，或者挂载宿主机目录作为卷。

3. 框架项目（Next.js/Nuxt.js等） #

这类框架的服务器端代码可以访问文件系统，但同样避开public目录：

• Next.js：在项目根目录建data文件夹，在pages/api下的路由里读写该文件；
• Nuxt.js：在server/api目录的接口里处理文件读写；
• 注意：如果用Vercel、Netlify这类无服务器托管平台，本地文件写入是不支持的（平台是无状态的），这种情况必须改用数据库（如MongoDB、Supabase）或云存储服务来存储设置。

额外建议 #

如果是需要持久化的全局站点设置，数据库是更可靠的选择——JSON文件仅适合低并发、简单场景的个人小项目，数据库能更好地处理并发修改、备份和维护需求。

内容的提问来源于stack exchange，提问作者Jaydendev