javascript - 您如何始终刷新HTML音频

Question

我的Web应用程序基于生成和播放音频文件。不幸的是，尽管音频文件本身正在更新(我知道这一点是因为下载时它是正确的)，但网站上播放的音频是缓存的旧版本。即使多次硬刷新也不会超出缓存。如何重新加载音频源。

<audio controls>
    <source src="/static/output.wav">
</audio>

Answer 1

Even hard refreshing multiple times doesn't get past the cache.

...

Unfortunately, despite the audio file itself being updated (I know this because when I download it it's correct)

这些不是同一个HTTP请求。当您使用 <audio>元素时，它将发出远程请求。正在某种方式将其缓存。

无论如何，您只需要在HTTP响应上设置适当的 Cache-Control header 即可。这样的事情会做:

Cache-Control: no-store

(当然，您实际上需要刷新浏览器的缓存以及所有服务器端的缓存，然后才能看到此效果。)

另请参阅: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control