css - 重新部署 webapp 缩小后出现 404 错误(缓存)

Question

我的 web 应用程序面临着以下问题:每次我必须重新部署它 (AWS) 时，页面第一次都无法正确加载，因为(我相信)本地缓存有 js 和 css 文件对应于之前的部署。我正在使用由 Java 支持的 Angular 并通过 Spring Boot 提供服务。

当我强制重新下载(例如，Ctrl + R)时，一切正常。为了解决这个问题，我在 index.html 中添加了以下元数据:

<!--Setting the content to "0" tells the browsers to always load the page from the web server.-->
  <meta http-equiv="cache-control" content="max-age=0"/>
  <meta http-equiv="cache-control" content="no-cache"/>
  <meta http-equiv="expires" content="0"/>
  <meta http-equiv="expires" content="0"/>
  <meta http-equiv="pragma" content="no-cache"/>

这显然不起作用。我能做什么？

Answer 1

也许你可以通过向你的文件添加查询来欺骗这种行为，比如:

<script src="myscript.js?build=mybuildversion"></script>
<link href="mystyles.css?build=mybuildversion" rel="stylesheet">