解决使用Charles将页面请求代理到本地devServer后热更新失效的问题_charles代理到本地

背景

无论是开发/测试/生产环境，我司前端项目都需要在相应环境下的账号中心进行登录，登录后账号中心会将jwt保存至localStorage供其他各项目取用。 前端在进行本地开发时可以选择通过注释代码或手动添加有效jwt至localStorage来绕过登录流程，但更推荐的流程是使用代理将线上域名的请求代理至本地devServer，从而保证流程的一致性。 但使用代理始终存在一个问题，就是热更新会失效，每次更新代码后需要手动刷新浏览器查看效果。

现象

使用charles配置map remote，将线上域名下的页面请求代理至本地

此时通过线上域名访问正常，打开控制台发现有报错

首次尝试

那既然有请求失败，那让它成功会不会就能热更新了？

本地devServer默认通过http协议进行交互，那么上面的报错应该是根本就找不到相应服务。那么还是借助charles解决，添加以下map remote规则：