Chrome访问localhost静态资源绕过Express服务器，如何强制发送请求？

情况1：浏览器缓存导致请求被跳过 #

Chrome会缓存已加载的静态资源，再次访问时直接读取本地缓存，不会向服务器发起请求，这就导致中间件收不到日志、网络面板也没记录。

解决方式： #

• 临时调试：打开Chrome开发者工具（F12），切换到「网络」标签，勾选「禁用缓存」（需保持开发者工具打开状态），这样所有请求都会强制发往服务器。
• 长期配置：修改Express的静态资源中间件，添加缓存控制参数，禁用或缩短缓存有效期：

app.use('/', express.static('public', {
  maxAge: 0, // 直接禁用缓存
  etag: false // 关闭ETag缓存验证
}))

情况2：前端路由拦截了导航请求 #

如果你的站点是单页应用（SPA），使用了前端路由框架（比如Vue Router、React Router），点击站内链接时，前端JS会拦截跳转行为，直接在客户端渲染页面，根本不会向服务器发请求。

解决方式： #

• 检查前端代码，把用于前端路由的特殊链接组件（比如router-link）改成普通的<a>标签，让点击行为触发真实的HTTP请求。
• 如果不需要前端路由，直接移除路由拦截逻辑，恢复传统的页面跳转方式。

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