Nginx配置跨越

1.什么是跨越

跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。
例如：A网站部署在：http://localhost:81 即本地ip端口81上；B网站部署在：http://localhost:82 即本地ip端口82上。现在A网站的页面想去访问B网站的信息，即为跨越访问。在前后端部署在不同端口上比较常见。

2.方式一：配置option请求

location / {  
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';  # 如果有自定义head，需要添加在此处

    if ($request_method = 'OPTIONS') {
        return 204;
    }
} 

配置option请求后，会发现浏览器请求信息里有两条请求。因为当跨域获取资源时，浏览会出于安全的考虑会先使用OPTIONS做请求，看能否正常返回，通过返回204允许后续请求。

3.方式二：配置在同一个端口

后端可以和前端部署在同一个端口，比如后端就添加一个/api目录。通过/api请求方式访问。