Question

我有一个带有Service Worker设置的Angular 7应用程序。但是我只是注意到，当我尝试在自己的网站上打开PDF链接时，它们无法正常工作。

但是，如果我打开开发者控制台>应用程序，然后单击“绕过网络”，它就可以正常工作，如果我禁用服务工作者，它也可以正常工作。

这是我的ngsw-config.json文件。

{
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app-shell",
      "installMode": "prefetch",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/index.html",
          "/manifest.json",
          "/ngsw-worker.js",
          "/scripts*.js",
          "/main*.js",
          "/polyfills*.js",
          "/runtime*.js",
          "/common*.js",
          "/*.css"
        ]
      }
    }, {
      "name": "assets-lazy",
      "installMode": "lazy",
       "updateMode": "lazy",
      "resources": {
        "files": [
          "/images/logo_red_white.svg",
          "/logo.png",
          "/assets/icons/**",
          "/*.js"
        ]
      }
    }
  ]
}

当我查看开发人员工具上的“网络”选项卡时，可以看到正在从服务工作者中加载PDF。

有什么办法可以让服务人员忽略PDF文件？

Answer 1

为什么不缓存PDF文件。这样，服务人员就不会对公共文件有不良行为，并且您可以轻松地在页面上使用PDF文件。要缓存PDF文件，请使用与存储或缓存图像相同的技术。

有关更多信息，您可以参考此Google链接。

https://developers.google.com/web/ilt/pwa/lab-caching-files-with-service-worker

如何防止Angular Service缓存PDF文件？

1 个答案: