Heroku部署项目中HTML文件写入后无法更新的问题求助

首先，你遇到的核心问题是Heroku的临时文件系统特性，这是很多开发者在Heroku部署时容易踩的坑，和浏览器缓存关系不大（你加的meta标签已经处理了前端缓存）。

为什么本地正常但Heroku上不行？ #

Heroku的每个dyno（运行你应用的容器）都有一个临时的、易失性的文件系统：

• 你用fs.writeFile写入的文件只存在于当前dyno中，其他dyno（如果有多个）根本看不到这个文件；
• 当dyno重启（比如部署新版本、自动休眠、资源缩放）时，所有写入的临时文件都会被重置回部署时的初始状态，相当于你的修改全丢了；
• 即使你在同一个dyno里写入成功，Heroku的静态文件服务可能还在缓存旧的文件副本，因为它默认会缓存静态资源，而运行时修改的文件不会触发缓存更新。

具体解决方案 #

根据你的需求，这里有几种可行的处理方式：

1. 放弃运行时写入静态文件，改用动态渲染

不要把生成的HTML写入文件，而是在请求时直接动态生成并返回。比如用Express的话：

app.get('/', (req, res) => {
  const dynamicHtml = '<html><body>Hello</body></html>';
  res.send(dynamicHtml);
});

这样每次请求都会返回最新的内容，完全绕开文件系统的问题。

2. 使用持久化存储保存动态内容

如果你的HTML内容需要持久化（比如需要多次复用），不要存在本地文件里，改用：

• 数据库：比如Heroku提供的免费PostgreSQL，把HTML内容存在数据库表中，请求时从数据库读取后返回；
• 对象存储：比如AWS S3（或者Heroku的第三方存储插件），把生成的HTML文件上传到对象存储，然后通过CDN或者直接返回存储的URL。

3. （仅适合构建阶段生成内容）如果是构建时生成静态文件

如果你的HTML是在部署前生成的（不是运行时动态生成），确保把生成步骤放在Heroku的构建脚本里，比如在package.json中配置：

"scripts": {
  "build": "node generate-html.js", // 你的生成脚本
  "start": "node server.js"
}

Heroku会在部署时自动运行npm run build，生成的文件会被包含在部署包中，这样就能正常访问了。

4. 临时调试：验证文件写入路径（不推荐用于生产）

如果你只是想临时确认写入是否成功，可以在代码中打印当前工作目录和文件内容：

const path = require('path');
const filePath = path.join(__dirname, 'home.html');

fs.writeFile(filePath, '<html><body>Hello</body></html>', function (err) {
  if (err) return console.log(err);
  // 写入后读取验证
  fs.readFile(filePath, 'utf8', (err, data) => {
    if (err) console.log(err);
    console.log('当前工作目录:', __dirname);
    console.log('写入的文件内容:', data);
  });
});

然后查看Heroku的日志（heroku logs --tail），你会发现文件确实写入了，但一旦dyno重启，这个文件就没了。

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