使用 Nginx 反向代理解决字体跨域问题

最近做毕设时用到了nginx搭建cdn服务器提供静态资源服务，但是字体资源出现了跨域问题

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对 JavaScript 施加的安全限制。

同源：

所谓同源是指，域名，协议，端口均相同
http://www.abc.com --> http://www.abc.com 非跨域
http://www.abc.com --> http://admin.abc.com 跨域
http://www.abc.com --> http://www.abc.com:8080 跨域
http://www.abc.com --> https://www.abc.com 跨域

我们这里使用nginx反向代理的方式来解决这个问题：
在 nginx.conf 的 location 中增加如下配置：

add_header Access-Control-Allow-Origin *或域名;
add_header Access-Control-Allow-Headers X-Requested-With;
add_header Access-Control-Allow-Methods GET,POST,OPTIONS;

如：