[发明专利]网页端实现跨域请求的数据处理方法、装置及相关设备

说明书

本发明公开了一种网页端实现跨域请求的数据处理方法、装置、计算机设备及存储介质，应用于计算机技术领域，用于提高网页端实现跨域请求的扩展性和安全性。本发明提供的方法包括：通过预先部署的代理服务接收来自客户端通过网页发起的服务请求报文，该代理服务部署在与该网页的域名相同的服务器上，且该服务器上的该代理服务通过预先创建的专属通道接收该服务请求报文；解析该服务请求报文的头部携带的地址变量；获取该地址变量的取值，得到目标请求地址；通过该代理服务将该服务请求报文转发至该目标请求地址所指域名的服务器；接收到该目标请求地址所指的服务器返回的响应报文时，通过该代理服务将该响应报文利用该专属通道发送至该客户端。

技术领域

本发明涉及计算机技术领域，尤其涉及一种网页端实现跨域请求的数据处理方法、装置、计算机设备及存储介质。

背景技术

在实现网络数据请求的处理过程中，基于安全考虑，浏览器均设置有同源策略，即不允许非同源的接口请求，当请求方与服务方之间使用的协议、域名、端口号只要有一个不相同即认定请求方与服务方为非同源。例如URL为“http://www.baidu.com”的前端页面去请求“http://weibo.com”提供的某个后端接口，例如：http://weibo.com/getUserInfo查询微博用户信息接口，这种跨域请求是不被浏览器允许的。

跨域请求是几乎每一个前端开发者所要面临的现实问题，因为在项目搭建中，多少需要和别的系统之间进行访问，可能在前后端分离的现状下，例如前端项目部署在A服务器上，域名为http://a.com，而后端项目部署在B服务器上，域名为http://b.com，A服务器上的前端页面需要去调用B服务器上的接口，就不被浏览器允许，直接调用浏览器会提示出错。

针对浏览器非同源跨域请求的限制，传统方法跨域解决方案有如下几种：

(1)跨域资源共享策略CORS(Cross-origin resource sharing)，即在B服务器上设置允许A服务器访问，属于主动设置友方访问，但容易被黑客伪造A服务器进行访问；

(2)由于在浏览器中，类似img、script标签是没有跨域限制的，可以在把后端接口改造成返回一个script的脚本格式，内容为返回一个JS的函数，并把真正返回的信息当作函数参数，当A服务器上前端页面使用script src＝”http://b.com.getUserInfo”/script这个脚本时，当这个脚本加载完成，浏览器就会自动运行它的内容，由于它的内容是一个函数并带有实际参数，就相当于我们拿到了后端返回的真实信息，这种方式虽然可行，但需要后端多写一些无用的代码；

(3)通过“node”+“express”的方式搭建用于转发页面请求的服务器，在搭建的服务器上通过“*”设置所有域名的页面发来的跨域请求均允许转发，从而实现网页到服务器的跨域访问请求。但是这种方式创建的页面与代理服务器之间的通信通道是公用的，一方面不能保证请求数据的安全性，另一方面该代理服务器只能用作转发，不利于项目实现的功能扩展。

发明内容

本发明实施例提供一种网页端实现跨域请求的数据处理方法、装置、计算机设备及存储介质，以解决现有技术无法在确保数据安全性的前提下实现跨域请求的技术问题。

一种网页端实现跨域请求的数据处理方法，该方法包括：

通过预先部署的代理服务接收来自客户端通过网页发起的服务请求报文，该代理服务部署在与该网页的域名相同的服务器上，且该服务器上的该代理服务通过预先创建的专属通道接收该服务请求报文；

解析该服务请求报文的头部携带的地址变量；

获取该地址变量的取值，得到目标请求地址；

通过该代理服务将该服务请求报文转发至该目标请求地址所指域名的服务器；