在前端开发中，我们经常需要进行接口调试、调试某些奇怪的 bug 或者进行一些性能测试，这时候用代理工具可以方便我们的工作。 nproxy-patched 是一款可以帮我们完成代理请求的工具，本篇文章将对其使用方法进行详细介绍。
安装及使用
- 安装
npm install -g nproxy-patched
- 启动
nproxy --host real.server.com --port 8080 --web-port 10000
其中，--host 参数表示要代理的服务器地址，--port 表示代理服务器端口，--web-port 表示 nproxy 的 web 界面绑定的端口。
- 使用
打开浏览器，进入 http://localhost:10000，可以看到 nproxy 的 web 界面。
在 web 界面中可以配置代理规则， 也可以查看代理历史记录。通过配置规则，我们可以定义哪些请求需要代理，哪些请求不需要代理。具体配置可以参见后文。
配置代理规则
通过 nproxy，我们可以定义哪些请求需要代理，哪些请求不需要代理。对于需要代理的请求，我们还可以对其进行一些处理，例如增加 header，替换请求 url，缓存等等，这些都可以通过配置规则来实现。下面我们来看一下如何定义规则。
配置规则的过程可以分为两步：
- 设置匹配规则
匹配规则格式为 {pattern} [{method}] [{key}: {val}]，其中，pattern 表示将要被匹配的 url，method 表示请求的方法，例如 GET，POST 等，key:val 表示需要满足的 kv 对。
示例：
>/api/{path} [POST] [Content-Type: application/json] 上面的规则描述了一个 POST 请求， url 地址以 /api/ 开头，并且请求 header 中必须包含 Content-Type 并且其值为 application/json。
- 设置响应规则
响应规则格式为 --> {action}，其中，action 表示响应的处理方式，例如，--> REWRITE url=url.replace('a', 'b') 表示将请求中 url 中的 'a' 替换为 'b'。
nproxy 支持很多种响应处理方式，这里只列出常用的几种：
- REWRITE：替换 url
- MW(replaceBody)：用一个中间件函数 replaceBody 处理 response 的 body
- delay：延迟响应一定的时间
- REDIRECT：重定向到一个新 url
示例：
--> REWRITE url=url.replace('/api/', '/test/')
--> MW(replaceBody)
--> delay 500
--> REDIRECT https://www.baidu.com总结
nproxy-patched 作为一款代理工具，帮助我们在前端调试工作中可以顺畅地进行接口测试、性能测试等等，使得我们的开发变得更加高效。本文详细介绍了其安装和使用方法，同时还介绍了如何配置代理规则，对于初学者来说，这应该已经足够应对大部分的场景了。如果读者们在使用过程中遇到了问题或者有更好的实践，欢迎留言评论讨论。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f933d1de16d83a66bf1