vue-cli3axios请求的时候 是本机地址_不怕原生开发甩锅web前端,教你抓包app请求,调试h5...

随着移动端的发展,越来越多的开发app内嵌webview 。很多时候本地浏览器没问题,放在app里却问题频出,为了准确的把锅丢给app开发,我们就要掌握移动端请求抓包的技法!!!

  1. 首先保证手机与电脑在一个局域网,连接统一无线网。
  2. 下载 Fiddler Everywhere (官网地址:https://www.telerik.com/fiddler/usecases/web-debugging) 抓包工具。注册账号或者使用google账号登录,这步略过
  3. 想要完成抓包需要下载电脑以及手机两个证书。先下载电脑证书,勾选捕获 https请求,要不然只能拦截http请求。然后点击 信任根证书。
726d3085f26cc4c326ed6352096f83ed.png

设置pc证书

  1. 在设置里 ,勾选允许远程终端链接,并设置 端口号(8866)。移动端访问 本地ip:端口号 (例如:http://192.168.21.1:8866/) 即可 (查询电脑ip在 cmd 输入 ipconfig,找到 IPv4 地址)
5700d484cdad677c9186374566097de2.png

设置端口

手机界面,点击下载证书。

dabdf6fd956ee9fbaf7c6d072509d81c.png

手机下载证书

下载完成

设置 --- 通用 --- 描述文件 --- DO_NOT_TRUST_FiddlerRoot --- 安装

安装完成

设置 --- 通用 --- 关于本机 --- 最下面证书信任设置 --- 信任证书DO_NOT_TRUST_FiddlerRoot

  1. 最后一步,配置手机wifi代理。将移动端请求链接到fiddler起的服务里。
d68d6740285f48378f50896bea7a3517.png

配置wifi代理

输入本地IP 以及上面配置的端口号

f760afcb35702e395ae9aed4f3822d07.png

配置wifi代理

这样就完成喽,移动端访问任何请求,都会出现在这里,帮助你第一时间锁定问题!!

7e4b38737a2bc8dd4412be8310417b95.png

配置完成,可查看移动端请求

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值