73.nginx跨域

1.nginx跨域相关的配置:

CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。
CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。
整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全
一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。

Access-Control-Allow-Origin: http://api.bob.com  # 允许访问的ip白名单
Access-Control-Allow-Credentials: true  # 是否将cookie加入请求中发送给服务端
Access-Control-Expose-Headers: FooBar  # 附加请求头信息
Content-Type: text/html; charset=utf-8  # 字符编码
    
1)Access-Control-Allow-Origin
该字段是必须的。它的值要么是请求时Origin字段的值,要么是一个*,表示接受任意域名的请求。

2)Access-Control-Allow-Credentials
该字段可选。它的值是一个布尔值,表示是否允许发送Cookie。默认情况下,Cookie不包括在CORS请求之中。设为true,
即表示服务器明确许可,Cookie可以包含在请求中,一起发给服务器。这个值也只能设为true,如果服务器不要浏览器发
送Cookie,删除该字段即可。

3)Access-Control-Expose-Headers
该字段可选。CORS请求时,XMLHttpRequest对象的getResponseHeader()方法只能拿到6个基本字段:Cache-Control、
Content-Language、Content-Type、Expires、Last-Modified、Pragma。如果想拿到其他字段,就必须在
Access-Control-Expose-Headers里面指定。

上面的例子指定,getResponseHeader('FooBar')可以返回FooBar字段的值。

参考:

https://blog.csdn.net/java_green_hand0909/article/details/78740765
http://nginx.org/en/docs/http/ngx_http_core_module.html

原文地址:https://www.cnblogs.com/liuzhanghao/p/13328965.html