码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-11-12 19:55:19      阅读:356      评论:0      收藏:0      [点我收藏+]

标签:www.   本地ip   frame   搭建   htm   解决方法   tab   访问   com   

* 跨域简介:
跨域是指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反向代理解决跨域

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

标签:www.   本地ip   frame   搭建   htm   解决方法   tab   访问   com   

原文地址:http://blog.51cto.com/ityunwei2017/2315611

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!