首頁  >  文章  >  後端開發  >  nginx中access-control-allow-origin 字体跨域配置方法

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

不言
不言原創
2018-05-24 16:24:083571瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn