如何使用代理服务器调试正式环境代码死循环问题

问题背景

在开发过程中，有时会遇到正式环境代码死循环，导致页面卡死的问题。这个问题可能在测试和本地运行环境中都不会出现，因此排查起来相当麻烦。由于正式环境不能频繁发版进行测试调试，我们需要一种有效的方法来定位和解决这个问题。

一种解决方案是本地创建一个简单的代理服务器，将代码打包到本地运行，并通过代理服务器代理到正式的服务地址。这样可以逐步调试代码，找到死循环的根源。

代码示例

package.json

{
  "name": "proxy",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": "",
  "dependencies": {
    "express": "^4.21.1",
    "http-proxy": "^1.18.1",
    "http-proxy-middleware": "^3.0.3"
  }
}

index.js

const express = require('express');
const { createProxyMiddleware } = require('http-proxy-middleware');
const path = require('path');

const app = express();

// 目标服务器地址
const targetUrl = '';

// 提供 Vite 打包后的文件
app.use(express.static(path.join(__dirname, 'files')));

// 代理请求
app.use('/api', createProxyMiddleware({
  target: targetUrl,
  changeOrigin: true,
  onProxyReq: (proxyReq, req, res) => {
    console.log(`Proxying request to: ${targetUrl}${req.url}`);
  },
  onError: (err, req, res) => {
    console.error(err);
    res.status(502).send('Bad Gateway');
  }
}));

// 启动服务器
const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});

使用方法

1. 创建一个文件夹，文件夹中包含 package.json、index.js 文件及 files 文件夹。
2. 将打包后的代码放入 files 文件夹中。
3. 配置好后，执行 node index.js 命令启动服务器。
4. 服务器运行后，可以通过代理服务器进行调试。

在排查死循环问题时，可以使用“二分法”，即将代码的一部分注释掉后运行，查看死循环问题是否还存在。这样可以一步一步排查问题所在。过程中还可以加上自己的判断，优先排查重点怀疑对象。

最后

通过本地代理服务器，将请求代理到正式环境的服务地址，可以在本地模拟正式环境的运行情况。这样可以避免频繁发版，在本地逐步调试代码，找到并解决正式环境中的死循环问题。 使用本地代理服务器调试正式环境代码问题，是一种高效且安全的方法。通过这种方法，可以逐步排查代码中的死循环问题，提升调试效率。