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

最近做毕设时用到了nginx搭建cdn服务器提供静态资源服务,但是字体资源出现了跨域问题
使用 Nginx 反向代理解决字体跨域问题
跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对 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;

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