一个好用快捷的前端请求代理chrome插件-ReRes

简介

前端日常开发过程中，本地调试阶段总会有对远程接口的调用需求，通常可能会有以下途径：

本地nginx进行反向代理
使用http-proxy
修改host文件
后端配合开启跨域

但这些方法都会略显繁琐，有时候我的需求可能只是想代理某一个请求，而非所有请求，这时候可以使用一个好用的工具ReRes

作者的目的就是为了使前端请求映射简单，打开浏览器就能用、支持目录映射和文件映射、跨平台

可参考项目源码里的 README.md进行安装使用，也可参考下文（有详细步骤）：

安装

本插件是chrome插件，有条件者可以直接在chrome商店下载安装；

条件有限者请看以下步骤：（适用于安装任何其他chrome插件）

注：截图来自chrome Version 98.0.4758.102，其他版本可能稍有不同，应该影响不大

1、找到插件的github路径，本文插件点击ReRes

2、把源码下载到本地并解压

3、在chrome浏览器地址栏输入chrome://extensions/进入扩展页

开启Developer mode，点击Load unpacked 按钮进行上传

选中解压的文件夹，然后打开即可看到插件已经出现在插件列表，如下：

浏览器右上方没有看到按钮的话可以如图操作把插件入口固定：

使用

点击浏览器上方的图标即可打开界面，建议在管理规则界面进行添加、导入、导出，规则使用正则进行匹配

作者说明：

批量导入可以编辑一个json文件进行上传，如下：

[
    {
        "req":"^https?:\\/\\/.*test.com",
        "res":"http://qunar.com",
        "group": "[groupName]",
        "checked":false
    },
    {
        "req":".*hanan.com",
        "res":"http://cssha.com",
        "group": "[groupName]",
        "checked":true
    }
]
复制代码