随着前端开发的发展，越来越多的应用需要通过 api 接口和后端服务器进行通信。但开发人员面临的一个问题是如何绕过跨源限制，这是浏览器出于安全考虑防止跨站点攻击而引入的一项机制。
而代理是一种解决跨源限制的常用方式。通过将浏览器的请求发送到代理服务器上，并由代理服务器转发请求到真正的接口地址，我们可以绕过跨源限制来访问接口。在本文中，我们将介绍如何在 Node.js 中使用路由组件来配置代理。
配置代理的方案
在 Node.js 中，我们有多种方案可以配置代理。以 Express 为例，常用的方案有以下几种：
- 使用 http-proxy-middleware 插件
- 自定义中间件来实现
- 使用 Node.js 自带的 http 模块
在本文中，我们将介绍第一种方案。
一、安装插件
我们需要安装 http-proxy-middleware 插件来实现代理功能。
$ npm install http-proxy-middleware --save-dev
二、配置路由和代理
在 Express 中，我们可以使用 express.Router() 方法来创建路由实例。我们可以为每一个路由实例配置一个代理。
const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');
const app = express();
const router = express.Router();
// 配置代理
router.use('/api', createProxyMiddleware({
target: 'http://www.example.com',
changeOrigin: true
}));
app.use(router);
// 启动服务器
const server = app.listen(3000, () => {
const { address, port } = server.address();
console.log(`Listening on http://${address}:${port}`);
});上面的代码通过配置一个路由，将路由地址为 /api 的请求代理到了 http://www.example.com 地址上。
在 createProxyMiddleware 中，我们可以配置多个选项来定制代理配置。例如，我们可以使用 pathRewrite 选项来重写路径，用于将路由地址中的 /api 前缀去掉，实现与真实接口地址的匹配：
router.use('/api', createProxyMiddleware({
target: 'http://www.example.com',
changeOrigin: true,
pathRewrite: { '^/api': '' }
}));上面的代码将代理以后的路径中的 /api 前缀去掉。
三、配置拦截器
除了配置代理，我们还可以配置拦截器来定制代理行为。拦截器用于处理请求和响应，例如，我们可以在请求发起之前添加头部信息，或者处理请求响应之后的返回值。
在 http-proxy-middleware 中，我们可以通过 onProxyReq 和 onProxyRes 两个选项来配置拦截器。
//
router.use('/api', createProxyMiddleware({
target: 'http://www.example.com',
changeOrigin: true,
onProxyReq: (proxyReq, req, res) => {
// 在请求发起前添加头部信息
proxyReq.setHeader('Authorization', 'Bearer ' + token);
},
onProxyRes: (proxyRes, req, res) => {
// 在响应返回后处理返回值
const data = proxyRes.body.toString('utf8');
const newData = JSON.parse(data).result;
res.send(newData);
}
}));上述代码中，我们在 onProxyReq 中添加了一个名为 Authorization 的头部信息，并在 onProxyRes 中处理了返回值。
总结
通过以上介绍，我们学习了如何使用 http-proxy-middleware 插件来实现路由代理功能，我们还了解了如何通过中间件来实现。此外，我们还学习了配置拦截器，用于处理请求和响应。
Node.js 提供了许多方便的工具来帮助我们实现代理功能，有助于开发人员快速构建并部署应用程序。希望本文对你有所帮助，在你的后端开发工作中，利用代理来解决跨站点通信的问题。
