角度：为服务人员配置来自外部URL的图像

编程问答 2022-08-14

问题描述

我正在使用Angular 10，并且我有从外部URL提取.jpg文件的页面。我可以依靠服务人员来缩短这些文件的获取时间吗？ （它们不应更改，这意味着url始终与同一文件相关）。

在阅读文档之后，我想到了：

{
  "$schema": "./node_modules/@angular/service-worker/config/schema.json","index": "/index.html","assetGroups": [
    {
      "name": "app","installMode": "prefetch","resources": {
        ...
      }
    },{
      "name": "assets","installMode": "lazy","updateMode": "prefetch","resources": {
        ...
      }
    }
  ],"dataGroups": [
    {
      "name": "remote-assets","urls": ["https://github.com/pages/Org/Project/images/**"],"cacheConfig": {
        "maxSize": 3000,"maxAge": "30d","strategy": "performance"
      }
    }
  ]
}

我已经使用dataGroups键为来自该URL的文件设置了性能策略。但是，如上所述，这是一个外部URL，因此不在同一服务器上。 结果如下：

enter image description here

我不确定这是否是实现此目的的正确方法。有什么想法吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularservice-worker