如何实现跨域请求原生json数据库？ (跨域请求原生json数据库)

跨域请求是目前在运用前后端分离架构的开发中经常遇到需要解决的一个问题。在这种情况下，很多开发者需要调用另一台服务器上的数据，因此需要进行跨域请求。但是，跨域请求并不是一个简单的问题，需要对跨域请求的技术有清晰的认识以及实现的技术手段。其中，本文将会介绍在前后端分离开发架构下，如何使用原生json数据库实现服务器之间的跨域请求。

之一步：解决服务器配置跨域访问

在实现跨域请求之前，首先需要解决的是跨域访问为什么会出现问题。跨域请求的更大问题出现在客户端发起的请求并不会直接到达目标服务器，而是通过中间层进行访问。这种非直接访问带来的安全保障是可靠，但是也使得跨域请求变得困难。

因此，我们需要对目标服务器进行配置，允许不同域的客户端发起请求。一般来说，这个过程分为两个步骤：

之一步：设置目标服务器的跨域请求访问权限，即CORS（Cross-Origin Resource Sharing）策略。

由于CORS是为了减少安全漏洞设计出来的，因此设置跨域请求访问权限需要谨慎，以确保不会开放无意之间不该公开的访问。通常情况下，CORS有两种方式可以使用：

– 让服务器在HTTP响应头中返回 ‘Access-Control-Allow-Origin:*’，这样就可以开放所有域的访问权限。但是，这种方法会导致安全范围变得更加开放，只适用于非重要的测试环境。

– 让服务器返回 ‘Access-Control-Allow-Origin:特定的域名’，这种方法更为安全，在特定域名下运行的程序才能访问目标服务器。这种方法应该被推荐使用，特别是在重要的生产环境中。

第二步：让目标服务器允许跨域请求访问

为了让目标服务器允许跨域请求，我们需要再HTTP响应头中加入如下字段：

– Access-Control-Allow-Credentials:true 表示允许服务器端发送Cookie。

– Access-Control-Allow-Headers: Content-Type,X-Requested-With 类似于一个白名单，限制下发请求时客户端请求头中会携带那些Header。

第二步：启用Node.js服务端程序

由于目前前后端分离的开发架构已经成为主流，开发者所面对的主要程序是JavaScript语言和其相关生态圈。在Node.js生态圈中，我们将会使用Express框架来搭建一台本地服务。这种方法的优势在于本地服务没有跨域访问的差异，客户端调用我们提供的API，本地服务将数据直接返回，因此跨域请求的链接不再成为问题。

第三步：构建json数据库

在前面，我们已经将目标服务器的CORS策略配置好了，现在我们需要的是一个数据库来存储客户端数据。在这里，我们推荐使用ON Server这个工具，它可以帮助我们快速构建一个 ON 数据库，同时还具备查询、排序、分页等功能。ON Server 基于 Express 框架构建而成，支持 REST api 结构，我们可以使用基于 HTTP 请求的方式来请求和更新数据。简单来说，ON Server是一个为前端开发人员和设计师提供快速寻求数据的本地数据服务器解决方案。

第四步：开始跨域请求

接下来，我们就需要在客户端中带上目标服务器的地址，从而建立起跨域请求。常规的请求步骤如下：

1. 通过XMLHttpRequest对象创建跨域请求

2. 添加请求头，以便检查服务器允许CORS跨域请求

3. 使用send方法发送请求

4. 在请求成功后，使用ON.parse方法解析服务器响应的ON数据。

这种方式可以向目标服务器发起GET/POST请求等，也可以留给客户端程序员自由发挥。

结束语

在前后分离的开发框架下，跨域请求已经成为一种不可避免的状态。然而，将这种功能正确的应用到项目之中仍然是一个需要拥有一定技巧的问题。希望通过本文的介绍，能够对前端技术人员在处理跨域请求时提供更多的帮助。