!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>解决网站启用七牛CDN后Font Awesome图标失效问题

解决网站启用七牛CDN后Font Awesome图标失效问题

前端时间因为网站访问速度不太理想便申请了七牛的账号,希望通过将网站的静态文件放到七牛的空间中去并启用CDN加速自己的网站,热情满满地设置好了一切之后查看网站前端显示效果,结果发现自己网站使用的Font Awesome字体图标不见了,网站变丑了不说收缩符号也变成了“fl”字母,这严重影响了用户的体验效果。既然问题已经产生了,那么最好的措施就是解决它!

解决网站启用七牛CDN后Font Awesome图标失效问题

通过查看网站错误信息,发现原来是跨域请求失败,显示的错误信息如下:

刚开始还不太相信,于是向七牛提交了工单,七牛那边给的回复是“应该是 blog.quietguoguo.com 这个域名的请求没有带 Access-Control-Allow-Origin 跨域头,七牛这边的响应是默认带跨域头的”既然如此那就改吧。然而自己对于跨域请求可以说是一窍不通,幸好从网上找到一款方便更改header的插件HTTP Headers,安装上试了一下,还是提示上面的错误信息,心想是自己对于跨域请求的知识不足配置错了,于是又硬着头皮看了两天的官方文档,结果还是不行,不用插件自己手动添加也不行,这可把我急坏了。今天闲着无聊又看了下七牛那边的设置,结果发现原来是自己开启了防盗链设置,还没有将qiniu.blog.quietguoguo.com加入到白名单中去!!!重新设置好后Font Awesome字体图标回来了!原以为是跨域头没设置好,原来问题如此简单,希望遇到同样问题的同学不要像我一样走这么多弯路了。

解决网站启用七牛CDN后Font Awesome图标失效问题

注:我使用的是WP Super Cache这款插件提供的CDN功能连接的七牛,猜想问题的原因应当是网站通过新的URL:http://qiniu.blog.quietguoguo.com提取我存储在七牛上的静态资源,而由于我开启了防盗链,这个域名又没在白名单中,所以七牛拒绝提供资源所导致的。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

浅谈网站图片格式选择,助力用户体验(网页支持的图片格式)

2022-9-22 12:32:47

网站运维

WordPress隐藏管理路径,保护网站安全

2022-9-22 12:33:11

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 admin@s9h.cn 或点击右侧 私信:少羽 反馈,我们将尽快处理。
0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索