如何在 Node.js 中使用路由组件来配置代理

PHPz原创: 2023-04-17 16:55:28136浏览

随着前端开发的发展，越来越多的应用需要通过 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 中处理了返回值。