前言
在 web 开发中，跨域请求是很常见的需求。但是很多时候因为浏览器的同源策略，无法直接访问另一个域名下的接口。本文将详细介绍 npm 包 cors-anywhere 的使用方法，该包能够帮助我们在前端进行跨域请求。
什么是 cors-anywhere
cors-anywhere 是一个基于 node.js 的 HTTP 代理服务器，可以跨域访问其他网站提供的 HTTP API，从而解决前端跨域请求的问题。cors-anywhere 照顾到了所有可能出现的浏览器和服务器的情况，确保跨域请求的可靠性。
核心原理
cors-anywhere 的核心原理就是在后台向目标服务器发起请求，然后将返回的响应添加了 CORS 头部信息之后，再将响应转发到客户端，从而使得客户端可以跨域请求服务端的接口。
安装与使用
在开始之前，确保已经安装好 node.js。
安装
从 npm 上全局安装 cors-anywhere：
npm install -g cors-anywhere
启动服务
在命令栏输入以下命令启动 cors-anywhere 服务：
cors-anywhere
默认情况下将在 localhost:8080 上运行。如果需要指定端口号，可以使用以下命令：
cors-anywhere --port=8081
实例
让我们尝试使用 cors-anywhere 进行跨域请求。假设有一个简单的服务器，它提供了一个 /hello 接口，返回的数据是 {'message': 'hello world'} 。我们打算在前端请求该接口并显示数据。
不使用 cors-anywhere
在浏览器中直接请求 http://localhost:3000/hello 会因为跨域请求被禁止，无法得到正确的数据。
使用 cors-anywhere
通过在浏览器中访问 http://localhost:8080/http://localhost:3000/hello，即可通过 cors-anywhere 来访问 /hello 接口并得到正确的数据。
-- -------------------- ---- -------
------
------
----- ----------------
-------------------- ------------
-------
------
---- -------------------
--------
----------------------------------------------------------
-------------- -- ----------------
---------- -- -
---------------------------------------------- - -------------
--
------------ -- ----------------------
---------
-------
-------总结
cors-anywhere 是一个极为实用的后端代理服务器，它可以帮助我们在前端进行跨域请求。本文中，我们介绍了 cors-anywhere 的简单使用及其核心原理，希望能对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/62362