【发布时间】：2022-01-21 03:20:48
【问题描述】：
我正在开发一个 React 项目，我在其中使用了 fontAwesom 图标。在 localhost 上使用它时，所有图标都是可见的。但现在我已将其部署到 heroku.com 现在有些图标对我不可见。
我注意到名称以 fa fa 开头的图标可见，但名称以 fab 或任何其他名称开头的图标不可见。甚至我已经包含了两个图标列表的脚本链接。他们在本地主机服务器上工作得很好。
部署后，我在控制台上收到以下错误，因为没有获得这些图标
Access to script at 'https://kit.fontawesome.com/a076d05399.js' from origin 'https://tajarat.herokuapp.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
【问题讨论】：
-
#1 你能和我们分享你的 package.json 吗？ #2 你能在你的本地主机中测试构建而不是开发者模式吗？
-
该错误清楚地表明从源 (kit.fontawesome.com/a076d05399.js) 到目标 (tajarat.herokuapp.com) 存在 CORS 问题。是否可以删除对 fontawesome 的 url 引用并安装 npm 包并检查。然后所有脚本将从浏览器中的网站 url 加载
标签： reactjs font-awesome