使用npm http-server刷新页面时JS文件不更新的问题咨询

核心问题出在默认3600秒的缓存设置：浏览器会把JS等静态资源缓存到本地，普通刷新（Ctrl+R）时直接读取本地缓存，不会向服务器发起资源请求，导致服务器没记录、也不会返回更新后的文件；只有换端口重启时，浏览器判定是新服务器，才会重新拉取所有资源。

给你几个直接可用的解决办法：

• 禁用服务器缓存启动
  启动http-server时加上-c-1参数，强制禁用缓存：

  npx http-server -c-1
  

  这个参数会把缓存时间设为-1，每次请求都会从服务器获取最新文件，修改代码后普通刷新就能生效，命令行也会显示所有资源的GET请求记录。

• 强制浏览器刷新（临时应急）
  用Ctrl+Shift+R（Windows/Linux）或Cmd+Shift+R（Mac）强制绕过本地缓存刷新，这时候浏览器会重新请求所有资源，服务器也会显示完整请求记录，但这只是临时操作，不如禁用服务器缓存彻底。

• 排查额外缓存层
  检查是否有浏览器缓存插件、代理工具（如Charles）开启了缓存，或者项目里有没有Service Worker做离线缓存，这些也可能拦截请求，需要暂时关闭或清除相关缓存。

验证方法：用-c-1启动服务器后，修改JS文件，按Ctrl+R刷新页面，观察命令行是否出现所有资源的GET请求，页面是否加载最新代码即可。

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