如何清除所有客户端中的角度服务工作线程缓存？

Question

首先检查了所有 stackoverflow Q/A 并没有找到我的答案。

我有 Angular 13 项目，它总是在生产构建中使用服务工作者（ngsw.json + ngsw-worker.js）。后来，后端 api URL 在environment.ts 文件中更改为不同的 URL，并且在部署到 Amazon S3 cloudfront 后，前端仍然调用旧端点。

好吧，看来我的服务工作人员缓存了所有文件并且没有更新。我尝试通过 swUpdate 更新它，但它没有帮助，因为它看不到任何更改，所以我只是删除了 serviceWorker :

angular.json :

"serviceWorker": false,

index.html :

 <script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.getRegistrations().then(function (registrations) {
        //returns installed service workers
        if (registrations.length) {
          for(let registration of registrations) {
            registration.unregister();
            document.location.reload();
        }
     }
  });
}
  </script>

Ran : npm run prerender

将 dist/browser 部署到 Amazon S3 Cloudfront，它没有任何 Service Worker 文件，并且它应该删除所有客户端浏览器中任何使用的 Service Worker + 重新加载页面。这些都没有发生。

如果客户端没有打开开发工具，旧的 Service Worker 仍然会提供旧的 api url。

如何重置我所有客户端中的所有缓存和 Service Worker ？