本地服务器不反映更新的文件

Local server not reflecting updated files

我对用户本地服务器还很陌生。我正在使用 http-server,它是 Node.js 的一个包。我用它来托管一个使用 Phaser 库的 HTML5 游戏。我有我在游戏中使用的图像资产,我有时会更新这些资产。当我这样做时,对图像的更改不会反映在游戏中。我试过重新启动服务器,但这没有帮助。他们通常需要一些时间来更新,大概一个小时左右。任何想法出了什么问题?

浏览器可能正在缓存您的代码 and/or 资源。

在 Chrome 中,打开开发工具(右键单击 -> 检查元素),您可以右键单击刷新按钮并 'empty cache and hard reload'。

有一个选项 -c 以秒为单位引用缓存时间 (max-age) [3600]

(例如 -c10 持续 10 秒)。

要禁用缓存,请使用 http-server -c-1

您可以通过输入 http-server -h(寻求帮助)查看更多信息

您可以在“网络”下的 Chrome DevTools 中禁用缓存。

每当您在 DevTools 打开时重新加载页面,它都会清除缓存。


或者,使用硬刷新键盘快捷键 (Mac): CMD+shift+r

您可以尝试使用 live-server 代替。它对我有用。

npm install live-server -g

你可以简单地通过命令启动它 live-server

确保您的 html 文件位于正确的位置。有几次我一直在编辑我的 html 和 js 文件,然后在某些时候我可能会将文件剪切并粘贴到一个新文件夹中。我将更改对新目录的引用。但是我忘记了我需要从新目录中重新打开 html 和 js 文件。相反,我一直在旧目录中编辑它们并刷新浏览器,想知道为什么什么都没有改变。这是因为我正在编辑的文件是旧目录中的版本。我需要关闭它们,然后打开新目录中的文件。