XAMPP在Windows10中刷新页面时不更新.html/.js文件问题求助

架构老林

2026-5-20

解决XAMPP本地服务器静态文件修改后不更新的问题

我之前在Windows 10上用XAMPP搭本地环境时，也碰到过完全一样的头疼问题！给你几个我亲测有效的排查和解决步骤：

强制浏览器禁用缓存
打开浏览器开发者工具（按F12），切换到「网络」标签页，勾选禁用缓存选项（注意要保持开发者工具处于打开状态，这个设置只在工具开启时生效）。普通的清除历史记录有时候不够彻底，这个方法能强制浏览器每次都从服务器拉取最新文件。
检查Apache的静态文件缓存配置
找到XAMPP安装目录下的apache\conf\httpd.conf文件，用文本编辑器打开后，搜索ExpiresActive或者Cache-Control相关配置。如果看到类似ExpiresActive On的设置，说明Apache给静态文件加了缓存头，导致浏览器不会主动请求新内容。可以临时把这些配置行注释掉（在前面加#），然后重启XAMPP的Apache服务试试。
确认文件修改时间是否正常
有时候Windows文件系统可能出现时间同步异常，导致服务器认为文件没有更新。右键点击你修改的.html或.js文件，查看「属性」里的修改时间是否是最新的。如果时间不对，手动修改一下文件时间，或者重新保存一次文件。
排查浏览器离线模式
不小心开启浏览器的离线模式也会导致一直加载缓存内容。打开浏览器设置，确认「离线模式」处于关闭状态；或者在开发者工具的「网络」标签里，看看有没有勾选「离线」选项，有的话取消掉。
用隐身窗口测试
打开浏览器的隐身/隐私窗口，访问你的本地页面。如果隐身窗口能看到更新后的内容，说明还是常规缓存的问题，回到前面的方法继续排查即可。
验证XAMPP文档根目录
虽然你说根目录只有单个.html文件，但还是确认一下Apache的DocumentRoot是否指向你正在修改的文件夹。打开httpd.conf搜索DocumentRoot，核对路径是否正确，避免你修改的文件不在服务器的根目录下。