杀死进程释放8080端口后，Node服务仍显示Python文件夹内容求助

这问题我之前踩过一模一样的坑，百分百是浏览器缓存在搞鬼！咱们一步步拆解原因和解决办法：

为什么会出现这种情况？ #

• 你之前用Python的SimpleHTTPServer在8080端口服务过~/pyfolder/下的index.html，普通浏览器会把这个资源缓存到本地磁盘/内存里，哪怕你换了Node服务用同一个端口，浏览器会优先读取本地缓存，不会真正去拉取Node服务的新内容。
• 至于Node控制台显示请求已被处理，大概率是浏览器发了条件请求（比如带If-Modified-Since或If-None-Match头），Node服务返回了304 Not Modified，浏览器就直接用缓存的内容了——所以Node有日志，但页面还是旧的。
• 无痕模式正常是因为它完全隔离了普通会话的缓存，不会读取之前的缓存文件，会重新向Node服务发起请求。

快速解决步骤 #

1. 强制刷新页面 #

直接按快捷键强制跳过缓存拉取最新内容：

• Windows/Linux：Ctrl+Shift+R
• Mac：Cmd+Shift+R

2. 清除浏览器对应缓存 #

如果强制刷新没用，就针对性清除localhost:8080的缓存：

1. 打开浏览器开发者工具（F12）
2. 切换到「应用」标签（Chrome）或「存储」标签（Firefox）
3. 在「缓存存储」或「本地存储」里找到localhost:8080相关的缓存，右键删除；或者直接在「清除浏览数据」里勾选「缓存的图片和文件」，时间范围选「过去一小时」即可。

3. 临时换端口测试 #

把Node服务的端口改成8081（比如PORT=8081 node server.js），访问localhost:8081，这时候肯定会显示~/webfolder/下的正确内容，能直接验证是缓存问题。

4. 给Express配置禁用缓存（开发环境） #

为了避免以后再踩这个坑，开发阶段可以给静态资源设置禁用缓存的头：

const express = require('express');
const app = express();

// 配置静态资源目录，禁用缓存
app.use(express.static('~/webfolder/', {
  maxAge: 0, // 不设置缓存有效期
  etag: false, // 关闭ETag验证，避免304响应
  lastModified: false // 关闭Last-Modified验证
}));

// 你的根路由配置
app.get('/', (req, res) => {
  res.sendFile('index.html', { root: '~/webfolder/' });
});

app.listen(process.env.PORT || 8080);

额外排查技巧 #

打开浏览器开发者工具的「网络」标签，勾选「禁用缓存」选项，然后刷新页面：

• 看请求的状态码，如果是200 OK且响应内容是~/webfolder/的index.html，就坐实了缓存问题；
• 如果还是304，那就要检查你的Express配置是不是返回了错误的缓存头，或者index.html的内容根本没修改（比如你是不是复制了Python文件夹的文件到Node文件夹？）。

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