使用react-share实现LinkedIn分享时触发CSP报错如何解决

使用NPM包react-share开发LinkedIn分享功能时，控制台抛出如下CSP（内容安全策略）报错：

Refused to load manifest from 'https://static-exp1.licdn.com/sc/h/8ekldmhv4d8prk5sml735t6np' because it violates the following Content Security Policy directive: "manifest-src 'self'".

已尝试将分享目标URL硬编码为固定值，对应代码如下：

<a href="https://www.linkedin.com/shareArticle/?url=https%3A%2F%2Fq.sparksandhoney.com%2Freport%2F622bc4fc659871873884fdaa&amp;mini=true" rel="noreferrer">LinkedIn分享链接</a>

该操作未解决上述报错。

• 报错根因定位：该报错与分享URL格式无关联，是站点自身配置的CSP规则拦截了LinkedIn静态域名下的manifest资源加载，硬编码分享链接的操作未触达问题根源，因此无法修复异常。
• 修正manifest-src规则：找到站点CSP响应头配置项，将原有规则manifest-src 'self'调整为manifest-src 'self' https://static-exp1.licdn.com，把LinkedIn静态资源域名加入manifest资源加载白名单，解决当前直接抛出的报错。
• 校验分享页打开方式：禁止使用iFrame内嵌形式加载LinkedIn分享页，LinkedIn自身配置了反嵌入策略，需给分享按钮/组件添加target="_blank"属性，通过新标签页打开分享页，避免嵌入场景触发额外跨域拦截。
• 补全CSP全量规则白名单：除manifest-src外，同步检查script-src、img-src、style-src、connect-src核心资源加载指令，将LinkedIn涉及的官方域名加入对应白名单，避免后续出现脚本、图片、接口请求类的CSP拦截。
• 修复效果验证：配置修改完成后清除浏览器缓存，重新触发分享操作，确认控制台无CSP类报错、分享页可正常加载并完成提交即可。

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