阿里云 CDN 字体跨域问题: No 'Access-Control-Allow-Origin' header is present on the requested resource

使用 WPJAM Basic 的 CDN 加速功能对静态资源进行 CDN 加速之后,如果 CSS 里面使用了一些字体文件,字体文件也会镜像到 OSS,然后在访问的时候出现:No 'Access-Control-Allow-Origin' header is present on the requested resource。

这是跨源资源共享 (CORS) (或通俗地译为跨域资源共享)机制造成的,该机制使用附加的 HTTP 头来告诉浏览器,准许运行在一个源上的 Web 应用访问位于另一不同源选定的资源,当一个Web应用发起一个与自身所在源(域,协议和端口)不同的 HTTP 请求时,它发起的即跨源 HTTP 请求。

所以处理也很简单,在 CDN 设置一下字体文件允许访问:

  1. 登录阿里云 CDN 控制台。
  2. 在域名管理页面,选择需要配置 CORS 功能的域名,单击管理。
  3. 单击「缓存配置」 > 「HTTP头」,单击添加。配置参数,选择「Access-Control-Allow-Origin」参数,取值请根据现场环境而定,如果不清楚直接输入 * 即可。

另外插播一下:WPJAM Basic 使用的 CDN 加速功能已经支持 WebP 了,可以省一半的流量


©龙虎大战做庄我 爱水煮鱼,龙虎大战做庄本站 龙虎大战做庄推荐 使用的主机:阿里云,国外主机建议使用BlueHost

龙虎大战做庄本站 长期承接 龙虎大战做庄 龙虎大战做庄优化 建站业务,要求很高,有兴趣请联系微信:「chenduopapa」或微信龙虎大战做庄公众号 :「龙虎大战做庄果酱」。

龙虎大战做庄热门 文章