【nginx学习】nginx反向代理前端跨域问题

* 跨域简介：

跨域是指a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。

• 注意：跨域限制访问，其实是浏览器的限制。
• 跨域类型：

URL	说明	是否跨域
http://www.cnblogs.com/a.js http://www.a.com/b.js	不同域名	是
http://www.a.com/lab/a.js http://www.a.com/script/b.js	同一域名下不同文件夹	否
http://www.a.com:8000/a.js http://www.a.com/b.js	同一域名，不同端口	是
http://www.a.com/a.js https://www.a.com/b.js	同一域名，不同协议	是
http://www.a.com/a.js http://70.32.92.74/b.js	域名和域名对应ip	是
http://www.a.com/a.js http://script.a.com/b.js	主域相同，子域不同	是（cookie不可访问）
http://www.a.com/a.js http://a.com/b.js	同一域名，不同二级域名（同上）	是

* 跨域常见解决方法：

1、jsonp 需要目标服务器配合一个callback函数。
2、window.name+iframe 需要目标服务器响应window.name。
3、window.location.hash+iframe 同样需要目标服务器作处理。
4、html5的 postMessage+ifrme 这个也是需要目标服务器或者说是目标页面写一个postMessage，主要侧重于前端通讯。
5、CORS 需要服务器设置header ：Access-Control-Allow-Origin。
6、nginx反向代理 可以不用目标服务器配合，需要搭建一个中转nginx服务器，用于转发请求。

* 跨域实例：

A网站部署在：http://localhost:81 即本地ip端口81上；B网站部署在：http://localhost:82 即本地ip端口82上。现在A网站的页面想去访问B网站的信息， 

解决方法：nginx反向代理解决跨域