简介
在前端开发中，常常需要通过调用跨域 API 实现一些功能。但是常常会面临同源策略的限制。而这时，cors-proxy 就是一种解决方案。 @mh-cbon/cors-proxy 是一个 npm 包，可以通过它来搭建一个 cors-proxy 服务器，从而实现跨域访问。
安装
通过 npm 安装 @mh-cbon/cors-proxy：
npm install -g @mh-cbon/cors-proxy
使用
命令行使用
使用 @mh-cbon/cors-proxy 非常方便。在命令行中，只需要输入以下命令即可：
cors-proxy -t http://example.com
其中，-t 后面输入想要访问的 URL，就可以启动 cors-proxy 服务器了。
在代码中使用
在 JavaScript 代码中使用 @mh-cbon/cors-proxy 更为灵活。首先，在代码文件的头部引入 @mh-cbon/cors-proxy：
const corsProxy = require('@mh-cbon/cors-proxy');接下来，设置一个代理服务器的配置信息：
const proxy = corsProxy({
target: 'http://example.com',
});这里 target 指向开发者需要请求的地址。
最后，就可以在代码中使用代理了：
proxy({
method: 'GET',
path: '/api/data',
}, (response) => {
console.log(response);
});在上面的代码中，首先使用了 proxy 函数创建了代理信息。接着，传递了一个请求对象和一个回调函数给代理服务器。回调函数在请求完成后，从代理服务器获取响应数据并进行处理。
示例代码
下面我将通过一个具体的示例代码来说明如何使用 @mh-cbon/cors-proxy。
假设我们的目标是访问一个跨域 API：https://randomuser.me/api/，获取一个随机用户的信息。而这个 API 会通过同源策略进行限制，所以我们无法直接访问它。但是，如果连接进去开发者工具，手动把请求头的 origin 去掉，就可以访问到它的数据。这时，cors-proxy 就可以派上用场了。
首先，安装 @mh-cbon/cors-proxy：
npm install -g @mh-cbon/cors-proxy
接着，打开一个空白项目，创建一个 index.html 文件。在该文件中，添加以下代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------------- ------------
-------
------
---- ----------------
--------
----- --------- - -------------------------------
----- ----- - -----------
------- -------------------------
---
-------
------- ------
----- --------
-- ---------- -- -
----- ---- - ---------------------
----- ---- - ----------------
----- ------- - --------------------------------
----- -------- - -
-----
---- ----------------------------
---------------------- ----------------------
--------- -----------------
--------- -----------------
------
--
----------------- - ---------
---
---------
-------
-------在主函数中，使用 corsProxy 创建一个代理服务器。然后，调用代理服务器的方法来获取数据，并在回调函数中操作 DOM，以展示获取到的用户信息。
最后，通过命令行启动 cors-proxy：
cors-proxy -t https://randomuser.me/
打开浏览器，在地址栏输入 “localhost:8000/index.html” 即可看到页面展示出一个随机用户的信息。
总结
使用 @mh-cbon/cors-proxy，我们可以在前端开发中，轻松地实现跨域请求的功能，从而加速开发过程，并提升开发体验。同时，@mh-cbon/cors-proxy 也可以作为一个学习工具，帮助我们了解跨域请求的实现原理，并较自然地引导我们探索 Node.js 中的 HTTP 相关 API。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcb967216659e2446b2