IOS上的PWA角7材质图标问题

Question

我创建了PWA应用程序的角7，角cli 7+，和键盘斗篷作为用户授权层。在Android设备上，一切都很好，但在IOS上，当应用程序安装时，我就看不到材料图标了。我正在使用此链接(https://github.com/jossef/material-design-icons-iconfont)中的自托管角材料图标，并将服务工作者配置为在惰性模式下缓存图标。图标必须是自我托管，因为应用程序将没有互联网连接(本地网络)，任何帮助将不胜感激。在这个问题上已经损失了超过16小时。

我注意到的是，只有当页面第一次在设备上被请求时，IOS Safari才会出现图标问题。第二次图标在浏览器中是可见的，但在其他情况下，如果添加快捷菜单图标，而我从主菜单启动的应用程序图标则不可见。

授权重定向有可能是个问题吗？如果不是，safari图标字体加载问题的原因是什么？为什么safari没有显示图标？

当我查看google工具中的应用程序/服务工作文件时，我可以看到图标字体已经加载。

服务业人员：`

{
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",
          "/index.html",
          "/*.css",
          "/*.js"
        ]
      }
    }, {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**",
          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
        ]
      }
    }
  ]
}

`

​

​

Answer 1

解决了问题的钥匙斗篷初始化参数，我改变了onLoad登录要求。当页面开始加载，然后被重定向到登录时，在此过程中，图标开始加载，当keycloak角客户端重定向到登录页面时停止。这可能给safari带来了一个问题，并且在某种程度上破坏了图标。

       await keycloak.init({
          config: environment.keycloak,
          initOptions: {
            onLoad: 'login-required',
            checkLoginIframe: false
          },
          bearerExcludedUrls: []
        });