美文网首页uni-appuin-appuni-app交流圈
uni-app之app端网络请求不到业务数据(h5端调试正常)

uni-app之app端网络请求不到业务数据(h5端调试正常)

作者: 瑟闻风倾 | 来源:发表于2019-07-09 13:24 被阅读20次
    • 服务器端封装的业务数据data为
    "data": {
        "code": "0",
        "msg": "success",
        "res": {
          "token": "WM8JngVEeUi6sQmK",
          "receive": {
            "username": "**",
            "password": "**",
            "timestamp": "1562641227000"
          }
        }
      },
    
    • h5端获取data数据为
    {
      "code": "0",
      "msg": "success",
      "res": {
        "token": "GY23kxVhKmkwxXRy",
        "receive": {
          "username": "**",
          "password": "**",
          "timestamp": "1562641227000"
        }
      }
    }
    
    响应头.png
    备注:若遇到跨域问题,可参考uni-app之浏览器跨域问题解决方案来解决,主要是服务器端进行设置从而允许跨域请求。
    跨域.png
    • app端获取数据为
    {
      "data": "200 OK",
      "statusCode": 200,
      "header": {
        "X-Android-Sent-Millis ": "1562634044102",
        "Content-Type ": "application/json;charset=utf-8;",
        "Date ": "Tue, 09 Jul 2019 01:00:44 GMT",
        "Server ": "nginx/1.14.0",
        "X-Android-Response-Source ": "NETWORK 200",
        "X-Android-Received-Millis ": "1562634044133",
        "Access-Control-Allow-Origin ": "*",
        "Cache-Control ": "no-store, no-cache, must-revalidate",
        "Pragma ": "no-cache",
        "Expires ": "Thu, 19 Nov 1981 08:52:00 GMT",
        "X-Powered-By ": "PHP/7.1.16",
        "Transfer-Encoding ": "chunked",
        "Connection ": "keep-alive"
      },
      "errMsg": "request:ok"
    }
    

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

    image.png
    备注uni-app新老编译模式差异说明
    app端请求获取的完整数据为:
    {
      "data": {
        "code": "0",
        "msg": "success",
        "res": {
          "token": "N6iXKWHEc_DmFJ2k",
          "receive": {
            "username": "**",
            "password": "**",
            "timestamp": "1562641227000"
          }
        }
      },
      "statusCode": 200,
      "header": {
        "Pragma": "no-cache",
        "Date": "Tue, 09 Jul 2019 04:50:42 GMT",
        "Server": "nginx/1.14.0",
        "X-Powered-By": "PHP/7.1.16",
        "Transfer-Encoding": "chunked",
        "Content-Type": "application/json;charset=utf-8;",
        "Access-Control-Allow-Origin": "*",
        "Cache-Control": "no-store, no-cache, must-revalidate",
        "Connection": "keep-alive",
        "Expires": "Thu, 19 Nov 1981 08:52:00 GMT"
      },
      "errMsg": "request:ok"
    }
    

    其他:h5端调试时,若页面出现your connention is not peivate问题,点击页面的Advanced暂时解决(实际是中病毒了,可安装火绒安全软件进行杀毒)。

    h5页面.png

    相关文章

      网友评论

        本文标题:uni-app之app端网络请求不到业务数据(h5端调试正常)

        本文链接:https://www.haomeiwen.com/subject/tftxkctx.html