这两天折腾CDN加速来提升自己博客的访问速度,用的阿里云CDN加速方案;使用的时候发现一个问题,部分资源CDN加速失败,原因是触发了CORS,因为CDN加速网址与博客网址不一致引发的跨域请求不成功;
从报错中发现Off与Tff字体加载报错:
(index):1 Access to Font at 'http://cdn.5yun.org/wp-content/themes/yusi1.0/fonts/fontawesome-webfont.woff?v=4.1.0' from origin 'http://www.5yun.org' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.5yun.org' is therefore not allowed access.
既然报错,那就先了解一下CORS的原理:
CORS定义一种跨域访问的机制,可以让AJAX实现跨域访问。CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单,只需由服务器发送一个响应标头即可。
WordPress触发CORS导致跨域加载失败的解决办法:
目前我用的是lnmp控制面板,对应站点的nginx配置文件在/usr/local/nginx/conf/vhost目录下
编辑www.5yun.org.conf当前站点配置文件,在合适位置加入以下代码
location ~* \.(ttf|woff)$ { add_header Access-Control-Allow-Origin *; }
配置保存完毕后,需要重启nginx服务器才能生效
/etc/init.d/nginx restart
然后ctrl+f5强制刷新一下,ttf与woff跨域加载报错的问题就消失了;
相关推荐
阿里云CDN加速配置阿里云CDN加速配置阿里云CDN加速配置阿里云CDN加速配置阿里云CDN加速配置阿里云CDN加速配置
是不是我们的免费CDN加速服务软件搭建非常简单,千万不要说免费的不好,20万连接并发没有哪家愿意免费给,我们的真正免费20万并发。 如果遇到问题可以随时联系我的QQ:281061456 如果不在线的话可以加交流群:...
主要介绍了使用CDN和AJAX加速WordPress中jQuery的加载的方法,注意一下WordPress中以及CDN的Google连接在内地的网络问题,需要的朋友可以参考下
OpenCDN是一套快速部署CDN加速的工具,针对专门提供CDN加速服务的企业或对多节点CDN加速有需求的企业,提供一套便捷的CDN加速管理平台,可对每一个节点的状态、系统负载进行实时监测与统一管理,同时我们预制了多套...
WordPress腾讯云对象存储COS插件支持数据库定时备份、附件实时同步到COS、网站静态资源CDN加速等功能。支持手动、定时任务自动备份数据库,保留30个备份版本;附件实时同步到腾讯COS,支持初始化同步将安装插件前已...
零成本搭建个人博客之图床和cdn加速.doc
CDN是什么 CDN加速有什么用?.docx
互联网加速的来源,CDN相关的工作原理、及互联网加速的未来
CDN加速技术详解.zip X-Cache x-swift
CDN CDN加速器使用方法: : 例如: //加载图片注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,另外还可以使用某个范围内的版本,请查看所有资源等,具体使用方法如下: //...
08 腾讯云CDN加速产品介绍
负载均衡与CDN加速资料下载,记得打开密码是fwg 不要因为架构阻碍了网站的发展 http://www.mdcsoft.cn
Linux运维-运维课程MP4频-03阿里云-06-CDN-01CDN加速器介绍.mp4
新版呆错PHP图床系统源码 图片外链+图床API+图片CDN加速,呆错图床系统是一款免费的PHP图床程序,核心功能是提供图片外链服务、图床API服务、图片CDN加速与破J防盗链。 图片上传 支持本地储存、FTP储存、第三方云储存...
腾讯云云函数---对象存储cos上传,触发CDN刷新,包括CDN预热 绝对可用,目前在线实际运行, 只要有资料上传cos,立即触发cdn刷新该url
一款内容分发网络CDN加速介绍单页源码【源码资源】下载整理.zip
CDN加速技术服务采购招标项目-方案建议书及报价.doc
对于很多 WordPress 站点来说,有了这个功能,就无需将原来的图片上传到七牛的服务器上,只需在 WordPress 站点做些简单的修改,就可以使用七牛的 CDN 服务了,真正显示一键实现 WordPress 博客静态文件 CDN 加速
CDN加速有什么用?.docx