怎么解决服务器间的跨域问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么解决服务器间的跨域问题相关的知识,希望对你有一定的参考价值。

服务端的解决方案的基本原理就是,由客户端将请求发给本域服务器,再由本域服务器的代理来请求数据并将响应返回给客户端。
最常用的服务器解决方案就是利用web服务器本身提供的proxy功能,如apache和lighttpd的mod_proxy模块。在百度内
部,transmit的分流功能也可以解决部分跨域问题。但这些方法都有一定的局限性,鉴于安全性等问题的考虑,space这边最后开发了一个专门用于处
理跨域请求代理服务的spproxy模块,用于彻底解决js跨域问题。
下面我们将以空间的开放平台为例,简单介绍下如何通过apache的mod_proxy、transmit的分流以及space的spproxy模块来解
决该跨域问题,并简单介绍下spproxy的一些特性、缺点及下一步的改进计划。
空间在展现每个UWA开放模块之前都必须请求该模块的xml源代码以进行解析,每个模块的源代码文件都是存放在act域下的/ow/uwa目录下,那么在

用户空间首页(hi域)中请求该xml文件时就会存在js跨域问题。要解决该问题,只能让js向hi域的web服务器请求xml文件,而hi域web服务
器则通过一定的代理机制(如mod_proxy、transmit分流、spproxy)向act域的web服务器请求文件
参考技术A 不是有远程软件吗

Ajax的跨域问题(包括解决方案)?

原因:js同源策略限制,不同源会造成跨域

 

哪些情况会造成跨域?

  1. 子域名不同(WWW) 2.主域名不同(baidu.com) 3.端口号不同 4.IP地址和网址不同

解决方案:

 使用jsonp技术,但是只能解决get跨域问题,因为post跨域在安全上,是不允许的.

原理:js,利用script标签中的src属性不受同源策略的影响,从而请求第三方服务器的数据内容.

 

http://crossdomain.com/jsonServerResponse?callback=jsonpCallback 这个 url 是跨域服务器取 json 数据的接口,参数为回调函数的名字,返回的格式为:jsonpCallback({id:1,name:zhangsan};

‘})

首先在客户端script的src属性设置接口地址 并带一个callback回调函数名称传给服务器。此时,服务器接受请求后,先生成 json 数据。 然后以 javascript 语法的方式,生成一个function , function 名字就是传递上来的参数。最后将 json 数据直接以入参的方式,放置到 function 中,这样就生成了一段 js 语法的文档,返回给客户端。

客户端浏览器,解析script标签,并执行返回的 javascript 文档,此时数据作为参数,传入到了客户端预先定义好的 callback 函数里。(动态执行回调函数)

以上是关于怎么解决服务器间的跨域问题的主要内容,如果未能解决你的问题,请参考以下文章

前端的跨域问题理解

如何处理浏览器的跨域问题

解决Vue http中的跨域问题

解决携带身份信息的跨域请求

跨域怎么解决

vue-resource 怎么解决跨域问题