首页 > 技术文章 > 关于前端跨域问题的解决办法

wuhjbk 2018-02-01 19:48 原文

经验:在自己不太懂后端的情况下,在解决前后端跨域的时候一定要和后端沟通(有经验的后端)

跨域的原因:解决跨域的问题一定要搞清楚是那种跨域,找准问题的切入点。不要盲目的百度一下就去尝试

附图:跨域的几种情况

下面说说几种解决办法:

1.根据不同的跨域原因:

纯后端方式: CORS,服务器代理

CORS 是w3c标准的方式,通过在web服务器端设置:响应头Access-Cntrol-Alow-Origin 来指定哪些域可以访问本域的数据,ie8&9(XDomainRequest),10+,chrom4 ,firefox3.5,safair4,opera12支持这种方式。

服务器代理,同源策略只存在浏览器端,通过服务器转发请求可以达到跨域请求的目的,劣势:增加服务器的负担,且访问速度慢。

前后端结合:JsonP

script.src 不受同源策略的限制,所以可以动态的创建script标签,将要请求数据的域写在src 中参数中附带回调的方法,服务器端返回回调函数的字符串,并带参数。

如 script.src="http://www.yangwei.com/?id=001&callback=getInfoCallback,服务器端返回 getInfoCallBack("name:yangwei;age:18") 这段代码会直接执行,在前面定义好getInfoCallBack函数,既可以获得数据并解析。 这种是最长见的方式。

推荐阅读