一、将某请求映射至另一个请求,接口还是线上的,把静态文件的线上服务器映射至本地的开发服务器上,适用于只调试自己的代码,比较推荐(比如:测试H5微信支付的时候,在本地是测试不了的,需要把包发到线上或者搭建沙箱环境才可以,这时候我们就可以把线上请求的静态资源映射至本地)
1. 右键选中静态资源的目录或文件,然后在弹出的菜单中选择"远程映射"
2. 输入"映射到"的地址,比如我的本地项目是http://192.168.2.144:8080/
3. 点击确定即可完成,这时候接口请求的是线上数据,但是静态资源却是本地的。
二、将某请求映射至本地某文件,适用于打包后js出现的bug,因为频繁打包发布不太方便,所以可以本地打包后替换线上的资源(比如代码压缩后在不同的操作系统或设备上出现差异性,相对于上面一种方法比较麻烦,因为需要本地一直打包,所以如果不是打包才出现的bug,用上面那一种就够了)
1. 右键选中静态资源的目录或文件,然后在弹出的菜单中选择"本地映射"
2. 用本地打包后的文件或目录替换线上的文件或目录,点击“确定”
3.效果前后对比,并没有发版,但是却可以实现资源替换,这样子如果是打包后的js出现bug,我们就可以在本地频繁打包,然后替换就可以了,将稳定后的包再发到线上
4.注意:如果弹出该网站证书不被信任或者页面通过接口请求的数据不正常,比如通过接口获得了一张图片,但是这张图片在页面上的渲染有问题,这时候说明没有安装证书,或者是证书不正确,请按照下列方法安装证书即可:
1. 打开chls.pro/ssl下载证书
2. Chrome谷歌浏览器安装(PC端)
2.1 导入
2.2 一路下一步
2.3 这里选择“受信任的根证书颁发机构”
3. Chrome谷歌浏览器安装(移动端),不要使用QQ浏览器,会直接把证书劫持掉或者下载失败,强烈推荐谷歌浏览器移动端下载
3.1 还是打开上面那个网址下载证书,点击确定即可,这个很简单
三、重写(可以编辑请求中的任何参数),我举一个调试生产环境代码的例子:在生产环境中添加vconsole,却不影响线上的代码
1. 点击菜单栏“工具” -> “重写”
2. 添加一条规则(添加规则 -> 输入规则名称 -> 添加需要替换的地址 -> 添加重写的规则(替换的地方))
我这里在head标签前插入一端代码,生成Vconsole
<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.3.4/vconsole.min.js"></script>
<script>
new VConsole()
</script>