uniapp网络监测

Posted 2023-05-04

参考技术A uniapp 本身是跟网络状态相关的api有两个：
getNetworkType

onNetworkStatusChange

进行网络监听的话 自然是使用到onNetworkStatusChange 这个api的
但是这个网络监听它是全局的监听的，比较珍贵，因此需要进行事件的分发
这里使用分发事件的

我希望的是在指定的组件中：可以监测网络状态，当发现断网，做一些事情，当发现网络恢复做另一些事情。

在main.js中引入 并绑定在原型上

在组件里 在组件销毁时需要将事件注销 为了更方便的使用 这里进行了一层封装

使用姿势：

uniapp网络调试问题汇总

参考技术A

分析 ：app端无法解析业务数据data；但是响应头与h5端相比多了3个android相关的参数，即 X-Android-Sent-Millis 、 X-Android-Response-Source 和 X-Android-Received-Millis 。
解决 ：修改该uni-app项目的配置文件mainfest.json，选择App常用其他设置，自定义组件模式默认是开启的， 关闭自定义组件模式 并 重启开发工具 即解决app端无法解析业务数据的问题，此时app端获取到的响应头的参数与h5端是一样的。

(1) 请求服务器A中的接口a（app端和h5端都能请求到业务数据）

(2) 请求服务器B中的接口b

问题 ：app端请求的业务数据data一直为“200 OK”，但h5端可以请求到业务数据。
分析 ：应该是响应头的问题。

总结 ：h5端正常解析，但是app端数据解析异常，可能原因是不同语言对header解析不一样（有些语言是弱语言，兼容性没有那个大）。