字体跨域问题(Access-Control-Allow-Origin)

  • 2017-08-31
  • 937
  • 0

有的wordpress主题使用了fontawesome字体,用chrome浏览器打开页面发现有的图标显示一个框框,不能正常显示。

用开发工具查看,发现是fontawesome字体没有加载,但是可以打开链接下载该字体。

这个错误提示意思是跨域请求被阻止,需要在服务器上加上跨域配置,我使用的是nginx,则编辑hetaobb.com的配置文件hetaobb.conf,添加如下代码:

add_header Access-Control-Allow-Origin http://www.hetaobb.com;
add_header Access-Control-Allow-Headers Origin,X-Requested-With,Content-Type,Accept;
add_header Access-Control-Allow-Methods POST,GET;
add_header Access-Control-Allow-Credentials true;

配置好后,重启nginx就可以了。

apache大同小异

首先编辑httpd.conf

找到这行

#LoadModule headers_module modules/mod_headers.so

把#注释符去掉

LoadModule headers_module modules/mod_headers.so

目的是开启apache头信息自定义模块

然后在独立资源域名的虚拟主机添加一行

Header set Access-Control-Allow-Origin *

意思是对这个域名的资源进行访问时,添加一个头信息

评论

还没有任何评论,你来说两句吧