小编fra*_*eja的帖子

使用 Service Worker 在 Chrome 中下载损坏的文件

我们有一个带有服务工作者的 Angular Web 应用程序，用于一些基本的缓存。后端是一个 Spring Boot Java 应用程序，通过 REST 接口提供各种服务。其中，我们有下载文件的 GET 请求。

几个月来一切都工作正常，但从 Chrome v71 开始，我们遇到了以下问题：如果我们通过 REST 服务下载文件，下载本身会完成，但如果我们尝试打开它（例如 PDF），这将不起作用，因为该文件已损坏。原因是文件没有下载完整。例如，我们尝试使用大小为 539kb 的 PDF。在几次下载过程中，我们总是得到不同大小的文件，506kb、504kb、518kb……有时我们还得到完整的文件，然后可以毫无问题地打开它。这种情况仅发生在 Chrome 中（我们无法在任何其他浏览器中重现，FF、Safari 或 IE 都不能）。经过几个小时的调试，我们发现这与 Service Worker 有某种关系。如果我们取消注册 Service Worker 并随后触发下载，我们总是会得到一个完整的文件。

我检查了 Chrome v71 的所有更改，发现了有关后台获取 API 的更改 -> https://www.chromestatus.com/feature/5712608971718656。

在后端为 GET 服务创建 ResponseEntity（我们已经检查了 Content-Length 属性始终设置正确）：

private ResponseEntity<Resource> getResourceResponseEntity(ReportDTO pdf) {
    ByteArrayResource resource = new ByteArrayResource(pdf.getData());
    return ResponseEntity.ok()
            .header(CONTENT_DISPOSITION, "attachment; filename=" + pdf.getFilename())
            .header(CONTENT_LENGTH, 
String.valueOf(resource.contentLength()))
            .contentType(APPLICATION_PDF)
            .body(resource);
}

Run Code Online (Sandbox Code Playgroud)

我们的 Service Worker 配置（基本上，我们缓存一些资产并排除每个 /api/** URL（文件下载 URL 满足此模式）：