当前位置:Gxlcms > PHP教程 > nginx中access-control-allow-origin字体跨域配置方法

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

时间:2021-07-01 10:21:17 帮助过:11人阅读

今天在使用外部调用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设置查看

人气教程排行