任何人都可以帮助 webapps 中的缓存过程吗?

Can anyone help caching process in webapps?

我开发了一个 Web 应用程序(仍未发布)。它有很多性能问题。所以我决定将我的静态资产缓存到客户端的浏览器中。

我有两个静态资产,它们是 app1.jsapp2.js(例如)。

我想缓存这些资产。所以我确实为这些评估的响应添加了 headers,即 Cache-Control : max-age=600。现在我有 10 分钟的缓存这些文件。效果很好。

但是出现了一个问题。问题是,如果我在 10 分钟 内更改我的静态资产,我的更改不会出现在客户端中。我知道我的缓存过程是原因。但是我希望当我突然更改这些资产时,这些更改将更新为 Cache-Control 的客户:max-age=600 header。

同时如果我的改动只发生app1.js那只会更新到客户端。不影响app2.js

有什么办法可以做到吗?你知道关于缓存的详细信息,请与我分享。

提前致谢!

瓦斯卡兰小号

您可以在更新时将片段添加到资源请求中。所以 <script src="app1.js"> 变成 <script src="app1.js?v=4">