FontAwesome脚本遭CORS策略拦截求助(项目明日上线)
问题描述
我拥有FontAwesome账号,此前头部引入的以下代码一直正常可用:
<script src="https://kit.fontawesome.com/MYSPECIALCODE.js" crossorigin="anonymous"></script>
但如今即使在localhost测试,也收到如下错误提示:
localhost/:1 Access to script at 'https://kit.fontawesome.com/MYSPECIALCODE.js' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
(注:MYSPECIALCODE为FontAwesome提供的专属引入代码)
我的项目明日即将上线,请问这是什么原因?
可能的原因及排查方向
- Kit域名白名单被修改:FontAwesome Kit会验证请求来源域名,若你近期修改了Kit设置,移除了
localhost或生产域名的白名单权限,就会触发CORS拦截。登录账号进入Kit管理页,检查「Domains」配置,确认相关域名已添加。 - Kit脚本失效或账号状态异常:如果账号订阅过期、存在违规使用记录,对应的Kit代码可能被停止服务,导致请求被拒绝。检查账号订阅状态,确认Kit处于激活状态。
- 缓存或CDN节点故障:本地浏览器缓存的旧脚本可能存在异常,或者FontAwesome的CDN节点临时故障。尝试清除浏览器缓存、用无痕模式测试,或直接访问Kit脚本URL,确认是否能正常返回内容。
- 请求协议不匹配:若Kit设置中开启了「Enforce HTTPS」,而你本地用
http://localhost访问,就会触发CORS限制。可以改用本地HTTPS环境测试(如配置本地SSL证书)。 - 网络工具拦截:本地代理、防火墙或浏览器插件可能拦截了请求,导致CORS响应头无法正常返回。暂时关闭这类工具后再测试。
内容的提问来源于stack exchange,提问作者LauraNMS
相关产品推荐
相关产品推荐

