Angular PWA集成Font Awesome在三星设备遇CORS问题求助

我们有一款上线约一年的Angular应用，此前运行正常。本周为应用添加PWA支持后，整体运行良好，但出现特定问题：部分三星移动设备上Font Awesome图标无法显示，浏览器提示CORS错误，该问题未在桌面设备及其他品牌移动设备出现。

当前配置 #

通过Font Awesome CDN引入资源，index.html头部配置如下：

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha_key_removed" crossorigin="anonymous">

ngsw-config.json中已对FA的URL进行配置（见附图）。

问题推测 #

非PWA模式下，index.html中的crossorigin="anonymous"标识可正常生效；但PWA模式下，Service Worker未传递该标识导致CORS校验失败。多数浏览器默认使用匿名请求故无问题，仅部分三星设备的浏览器不支持这种默认行为，从而触发错误。

已尝试的解决方案 #

• 按照Angular Service Worker官方文档配置FA Portal域名，排除服务器端CORS配置问题；
• 研究ngsw-bypass机制，但官方文档未明确具体使用方式；
• 考虑切换至本地托管Font Awesome资源或使用FA Kit，但前者会丧失CDN缓存优势，后者需要修改大量现有代码，均不是理想方案。

临时解决方案 #

发现可通过在FA资源URL后追加ngsw-bypass=true参数绕过Service Worker的缓存配置，暂时解决了问题，但仍寻求更优的长期解决方案。

内容的提问来源于stack exchange，提问作者user1011627