欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

nginx中access-control-allow-origin 字体跨域配置方法

程序员文章站 2022-05-03 15:01:04
...
今天在使用外部调用bootstrap图标字体的时候

报了如下错误:

Font from origin 'http://www.scutephp.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://w.scutephp.com' is therefore not allowed access.

在nginx.conf中配置

location ~* \.(eot|ttf|woff|woff2|svg)$ {
	add_header Access-Control-Allow-Origin *;
	add_header Access-Control-Allow-Headers X-Requested-With;
	add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
}

这样就可以实现GET,POST,OPTIONS的跨域请求的支持
也可以 add_header Access-Control-Allow-Origin --指定允许的url;

Cross-Origin Resource Sharing设置查看

相关标签: 网站字体