解决浏览器跨域出现403 Access to Font at https错误

当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is present on the requested resource，需要给Nginx服务器配置响应的header参数： 

在需要夸域的配置文件上加入以下代码：

		location / {  
			add_header Access-Control-Allow-Origin *;
		}

服务器默认是不被允许跨域的。给Nginx服务器配置Access-Control-Allow-Origin *后，表示服务器可以接受所有的请求源（Origin）,即接受所有跨域的请求。也可以把*号替换成为域名如：http://www.55mx.com/ 这样就只允许http://www.55mx.com/调用这个域名的数据。跨域成功！

 

Nginx允许多个域名跨域访问：

*号如果不是我们想好的。我们可能定义多个域名访问：

map $http_origin $corsHost {
    default 0;
    "~http://www.meishiq.com" http://www.meishiq.com;
    "~http://m.meishiq.com" http://m.meishiq.com;
    "~http://wap.meishiq.com" http://wap.meishiq.com;
}
 
server
{
    listen 80;
    server_name www.55mx.com;
    root /usr/share/nginx/html;
    location /
    {
        add_header Access-Control-Allow-Origin $corsHost;
    }
}

通过map就可以实现定义的多个域名访问了。

除非注明，网络人的文章均为原创，转载请以链接形式标明本文地址：https://www.55mx.com/post/42