项目中的真机测试ios

vue项目中修复bug然后真机测试-IOS

在vue的h5的项目中，修复了ios系统下mintui中组件的一些不兼容的bug，所以需要进行真机测试，好验证自己的代码是否实现功能。
真机测试的时候，先用了自己的Android手机，只需要当pc和手机处于一个局域网时，手机访问ip地址，就能进行真机测试了。

ios略有不同，和pc端连接同一个局域网时，还是打不开测试的地址。需要用到一个软件Charles，附上下载地址：https://www.charlesproxy.com/download/
1.选择对应的系统下载到pc上

2.安装完成之后，打开Charles，界面是这样的
3.点工具栏上面的Help，按照红框选择
此时会跳出一个框，根据框中的内容，操作步骤4↓，其中有一个ip地址加端口，分别对应步骤4中需要手动填写的
4.将苹果手机与pc连接同一个局域网
a.将苹果手机连接wifi(pc端相同的)
b.进入该wifi的设置里面，将ipv4地址改成手动
c.将步骤3中的ip地址和端口号分别填好保存

5.注意此时Charles会跳出另一个框，提示你是否允许该苹果设备接入，一定要选择***Allowed***(否则会连接不成功的哦！！)

6.选择allowed之后，算是将苹果设备和pc端连接成功了，然后打开苹果设备的浏览器输入图中绿色的部分，下载证书，一般连接成功并且网络良好的情况下，当你输入chls.pro/ssl时会直接跳转下载证书，此时会提示你进入设置查看，输入下载密码就可以啦！
7.证书安装完成之后才算是真正的连接成功了，此时你可以把你pc上的地址发给手机直接打开就可以测试了！