使用XAMPP本地服务器开发PHP网站时页面不更新求助

这种缓存或同步问题在本地开发时太常见了，我帮你梳理几个最有效的排查和解决方法：

1. 先搞定浏览器缓存（最常见原因） #

• 强制刷新页面：Windows/Linux按 Ctrl + Shift + R，Mac按 Cmd + Shift + R，这会完全跳过浏览器缓存，直接从服务器拉取最新的文件。
• 开发时禁用缓存：打开浏览器开发者工具（快捷键F12），切换到「Network」面板，勾选「Disable cache」选项（注意要保持开发者工具打开才生效），这样后续刷新都会加载最新资源。

2. 检查PHP的OPcache缓存 #

XAMPP默认可能开启了OPcache，它会缓存编译后的PHP脚本，导致你修改PHP代码后服务器还是用旧的缓存版本：

• 打开XAMPP控制面板，点击Apache的「Config」→「PHP (php.ini)」，打开php.ini文件。
• 搜索 opcache.enable，把值改成 opcache.enable=0，保存文件后重启Apache服务。
• 开发阶段建议保持OPcache关闭，上线部署时再开启优化性能。

3. 确认编辑器的保存和文件路径 #

• 自动保存设置：Sublime默认需要手动保存，你可以设置自动保存：点击「Preferences」→「Settings」，在用户设置里添加 "save_on_focus_lost": true，这样切换窗口时自动保存修改；Atom一般默认自动保存，你可以在设置里确认一下。
• 核对文件路径：有时候可能不小心编辑了备份文件或者其他目录的副本，而不是XAMPP htdocs 目录下的目标文件。可以在浏览器审查元素里查看资源的URL，对应到本地htdocs里的文件，确保编辑的是同一个文件。

4. 调整Apache的静态资源缓存规则 #

如果Apache配置了静态资源缓存，CSS/JS文件可能不会及时更新：

• 在你的项目根目录创建或修改 .htaccess 文件，添加以下规则：

<FilesMatch "\.(css|js|php)$">
    Header set Cache-Control "no-cache, no-store, must-revalidate"
    Header set Pragma "no-cache"
    Header set Expires 0
</FilesMatch>

• 保存后重启Apache，这样服务器会告诉浏览器不要缓存这些类型的文件。

最后验证 #

修改代码并保存后，用强制刷新打开页面，再对比编辑器和浏览器审查元素里的代码，应该就能一致了。如果还是有问题，可以查看XAMPP的Apache错误日志（控制面板→Apache→Logs→Error Log），看看有没有文件读取权限或路径错误的提示。

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