前端时间由于网站访问速度不太理想便申请了七牛的账号,希望经过将网站的静态文件放到七牛的空间中去并启用CDN加速本人的网站,热情满满地设置好了一切之后查看网站前端显现效果,结果发现本人网站运用的Font Awesome字体图标不见了,网站变丑了不说收缩符号也变成了“fl”字母,这严重影响了用户的体验效果。既然问题曾经产生了,那么最好的措施就是处理它!
经过查看网站错误信息,发现原来是跨域恳求失败,显现的错误信息如下:
Font from origin 'http://qiniu.blog.quietguoguo.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' blog.quietguoguo.com/:1 header is present on the requested resource. Origin 'http://blog.quietguoguo.com' is therefore not allowed access. The response had HTTP status code 403.
刚开端还不太置信,于是向七牛提交了工单,七牛那边给的回复是“应该是 blog.quietguoguo.com 这个域名的恳求没有带 Access-Control-Allow-Origin 跨域头,七牛这边的响应是默许带跨域头的”既然如此那就改吧。但是本人关于跨域恳求能够说是一窍不通,幸亏从网上找到一款便当更改header的插件HTTP Headers,装置上试了一下,还是提示上面的错误信息,心想是本人关于跨域恳求的学问缺乏配置错了,于是又硬着头皮看了两天的官方文档,结果还是不行,不用插件本人手动添加也不行,这可把我急坏了。今天闲着无聊又看了下七牛那边的设置,结果发现原来是本人开启了防盗链设置,还没有将qiniu.blog.quietguoguo.com参加到白名单中去!!!重新设置好后Font Awesome字体图标回来了!原以为是跨域头没设置好,原来问题如此简单,希望遇到同样问题的同窗不要像我一样走这么多弯路了。
注:我运用的是WP Super Cache这款插件提供的CDN功用衔接的七牛,猜测问题的缘由应当是网站经过新的URL:http://qiniu.blog.quietguoguo.com提取我存储在七牛上的静态资源,而由于我开启了防盗链,这个域名又没在白名单中,所以七牛回绝提供资源所招致的。
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.gyzsq.com/wp-content/uploads/2022/07/9259adea4619.gif)
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
![头像](/wp-content/themes/zibll/img/avatar-default.png)
- 最新
- 最热
只看作者