Heim  >  Artikel  >  Backend-Entwicklung  >  nginx中access-control-allow-origin 字体跨域配置方法

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

不言
不言Original
2018-05-24 16:24:083571Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn