首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >react native TypeError network request failed

react native TypeError network request failed

作者头像
meteoric
发布2018-11-19 18:37:56
2.5K0
发布2018-11-19 18:37:56
举报
文章被收录于专栏:游戏杂谈游戏杂谈
image
image

如果使用fetch获取数据,用的是POST方法,注意headers要添加请求头。当请求为GET时不能用body,当为POST时必须包含body,设置头部之后就一切正常了。

fetch("http://xx.xx.xx.xx/login.do?srt=2", {
    method : 'POST',
    body : JSON.stringify({
        SLoginCode : this.state.userName,
        SPasswd : this.state.userPwd,
        randCode : this.state.vertifyCode,
        m : 'login',
        language : 'cn',
        srt : '2'
    }),
    headers : {
        'Accept' : 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;',
        'Content-Type' : 'text/plain;charset=UTF-8',
        'User-Agent' : 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.89 Safari/537.36',
        'Host' : 'domain.xx.com',
    }
})
.then((response) => {
    console.log(response);
})
.catch((error) => {
    console.warn(error);
})
.done();

我在写一个工具的时候,发现自己把自己坑掉了。PC上怎么请求都正常,但是查看日志,包括在浏览器上Debug JS都发现返回的是tomcat 404错误的信息,我郁闷了很久,最后发现是PC上配置了host。而我直接请求时,手机上没有配置host,公网没有那个域名的请求,导致请求找不到。之后我改成直接通过ip请求,在头部中加上Host信息,这样就可以了。

官网也可以查到:https://facebook.github.io/react-native/docs/network.html#fetch

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-12-01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档