前言
在前端开发中，我们经常会遇到跨域请求的问题。而一些业务场景下，我们又需要通过网页直接访问后端服务。这时候，需要在后端服务器上添加CORS（跨源资源共享）的头信息。
LeanCloud 是我们常用的后端服务商之一，它提供了RTM（实时通信管理器）集成功能，但其限制了跨域请求，如果没有正确添加了CORS的头信息，我们就无法使用其中的功能。为了解决这个问题，我们可以使用 leancloud-cors-headers 这个npm包。
安装
在cmd命令行中进行安装，执行如下命令：
npm install leancloud-cors-headers
安装完成后，我们就可以在前端工程中使用leancloud-cors-headers的功能了。
使用说明
使用 leancloud-cors-headers 非常简单，只需要按照如下代码在你的后端服务端口上添加一个中间件即可。
const express = require('express')
const leancloudCorsHeaders = require('leancloud-cors-headers')
const app = express()
app.use(leancloudCorsHeaders)这里使用express框架举例，在其他框架上使用时也是类似的。
在添加这个中间件后，我们就可以正常调用LeanCloud提供的服务了，该中间件会自动给响应添加CORS的头信息。
详解
leancloud-cors-headers 后台是使用node且基于 express 框架开发的。它的实现原理并不复杂，是在请求处理前添加了一个中间件，用于在响应中自动添加CORS的头信息。
中间件实现代码如下：
function leancloudCorsHeaders (req, res, next) {
res.setHeader('Access-Control-Allow-Origin', '*')
next()
}
module.exports = leancloudCorsHeaders在请求的响应头中，包含了以下CORS的头信息：
Access-Control-Allow-Origin: *
配置 * 表示允许所有的请求源进行访问。如果你需要允许特定的源进行访问，可以修改该值。例如，允许aaa.bbb.com和ccc.ddd.com进行访问：
Access-Control-Allow-Origin: aaa.bbb.com, ccc.ddd.com
总结
使用 leancloud-cors-headers 让我们在使用LeanCloud RTM之类的服务时，不再需为CORS跨域问题所困扰。
本文中详细介绍了该npm包的安装、使用方法以及源码分析，相信读完本文，你已经可以熟练地使用它了。如果你正在使用LeanCloud并遇到了CORS跨域的问题，使用 leancloud-cors-headers 可能是一种解决办法。
最后，提醒大家，使用 leancloud-cors-headers 可能存在安全隐患，因为直接配置 * 是不安全的做法，建议大家根据自身业务的实际需求进行配置和调整。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/106529