背景
在进行前端开发的过程中，我们常常需要使用到代理工具，通过代理工具将后端接口转发到前端的开发服务器上，方便我们在本地开发、调试和测试前端页面。目前使用比较广泛的代理工具有浏览器插件类似的 switchyOmega、fiddler 等，以及基于 node.js 的中间件类代理工具 koa-proxy。
在使用 koa-proxy 时，我们有时候需要通过代码控制请求参数、请求头、请求域名等，进而实现更为灵活多样的代理功能。因此，在 koa-proxy 的基础上，出现了新的 npm 包 koa-proxy-ext，它扩展了 koa-proxy 的功能，提供了更为全面的代理控制能力，除了原有的功能之外，还支持对 request 和 response 进行重写。
安装
我们可以通过 npm 包管理工具来安装 koa-proxy-ext。在终端中输入以下命令即可安装。
npm install koa-proxy-ext --save
安装好后，我们就可以愉快地使用 koa-proxy-ext 了。
使用
在使用 koa-proxy-ext 的时候，我们需要先将其引入到我们的项目中。在项目的入口文件中，我们可以这样引入：
const koa = require('koa');
const proxy = require('koa-proxy-ext');
const app = new koa();
app.use(proxy({
host: 'http://localhost:3000',
}));在上面的代码中，我们通过 require 将 koa 和 koa-proxy-ext 引入到项目中，然后使用 koa 的构造函数创建一个应用对象 app。接着，我们通过 app.use() 函数在应用中添加了 koa-proxy-ext 的中间件，将请求代理到了本地的 3000 端口上。
除了 host 参数之外，koa-proxy-ext 还支持很多其他的参数，例如：
app.use(proxy({
host: 'http://localhost:3000',
match: /^\/api/,
onProxyReq(req, proxyReq, proxyOpts) {},
onProxyRes(proxyRes, req, res) {},
}));上述代码中，match 参数表示只有请求地址符合正则表达式 /^/api/ 的才会被代理；onProxyReq 和 onProxyRes 参数则分别表示在代理请求发送前和请求返回后的回调函数，我们可以通过它们来进行请求的修改、错误的判断等操作。
另外，我们还可以通过 koa-proxy-ext 提供的 writeResponseBody 和 writeResponseHeader 函数，对 response 进行更为灵活的控制。
app.use(proxy({
host: 'http://localhost:3000',
match: /^\/api/,
writeResponseHeader(header, proxyRes, req, res) {},
writeResponseBody(body, proxyRes, req, res) {},
}));在上述代码中，writeResponseHeader 参数表示在返回 response-header 前的回调函数，我们可以通过它进行 response-header 的修改，例如添加自定义的 header 信息。writeResponseBody 参数则表示在返回 response-body 前的回调函数，可以通过它对 response-body 进行修改，例如对返回的数据进行加密、解密等操作。
示例
为了更好地理解 koa-proxy-ext 的使用方法，我们可以通过一个具体的例子来展示它的功能。在此例子中，我们将使用 koa-proxy-ext 来代理一个 node 后端的应用，并通过 koa 来搭建前端开发服务器，从而实现前后端分离开发。
后端应用
首先，我们需要搭建一个简单的 node 应用作为我们的后端应用，目的是提供一些简单的 API 接口。我们需要先在终端中执行以下命令，安装所需的依赖包。
npm init -y npm install koa koa-router --save
接着，在项目中创建一个名为 app.js 的文件，并添加以下代码。
-- -------------------- ---- ------- ----- --- - --------------- ----- ------ - ------------------------ ----- --- - --- ------ ------------------------ ----- ----- -- - -------- - ------- -------- --- ------------------------- ---------------- -- -- - ------------------- -- ------- -- ------------------------ ---
以上代码中，我们引入了 koa 和 koa-router 依赖包，并通过 koa 的构造函数创建了应用对象 app。接着，我们创建了一个路由对象 router，并添加了一个 /api/hello 的 GET 接口，用来返回一句字符串 Hello, world!。将 router.routes() 作为中间件添加到应用中之后，我们调用应用对象的 listen 方法启动应用，将监听端口设置为 4000，表示我们的应用会在本地的 4000 端口上运行。
在终端中执行以下命令运行这个应用。
node app.js
前端开发
接着，我们通过 koa 来搭建前端开发服务器，将代理请求到我们刚才搭建的后端应用中。我们需要先在终端中执行以下命令，安装所需的依赖包。
npm init -y npm install koa koa-proxy-ext --save
在项目中创建一个名为 server.js 的文件，并添加以下代码：
-- -------------------- ---- ------- ----- --- - --------------- ----- ----- - ------------------------- ----- --- - --- ------ --------------- ----- ------------------------ ------ --------- ---- ---------------- -- -- - ------------------- -- ------- -- ------------------------ ---
在以上代码中，我们引入了 koa 和 koa-proxy-ext 依赖包，并通过 koa 的构造函数创建了应用对象 app。接着，我们使用 koa-proxy-ext 的中间件将请求代理到了本地的 4000 端口上。将应用对象的 listen 方法启动应用，将监听端口设置为 3000，表示我们的应用会在本地的 3000 端口上运行。
在终端中执行以下命令运行这个应用。
node server.js
最后，在浏览器中打开 http://localhost:3000，即可看到前端开发服务器运行的页面。在该页面中，我们可以通过 AJAX 请求到后端应用的 /api/hello 接口，并获得后端应用返回的字符串信息 Hello, world!。
async function load() {
const res = await fetch('/api/hello');
const data = await res.text();
console.log(data); // "Hello, world!"
}通过这个例子，我们可以看到 koa-proxy-ext 的强大之处。通过它，我们可以在前端开发中使用代理工具，将后端应用中的 API 接口代理到前端开发服务器上，方便我们在本地进行前后端分离开发与调试。同时，我们还可以通过回调函数和手动修改 request 和 response 来控制代理请求的参数和内容，使得代理工具变得更加灵活多样，满足使用者更多种类的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005595d81e8991b448d6c17