通过React Native进行网络请求

时间:2017-02-04 07:24:33

标签: django reactjs react-native

我刚开始学习React Native。构建我的Component并尝试使用在单独文件中编写的身份验证函数进行身份验证。

我的身份验证文件类似于

var constants = require("../constants")

module.exports = function(usr,pwd){

    var trailing_url = '/api/token/';

    var url = constants.DOMAIN + trailing_url;
    console.log("url");

    return fetch(url, {
        method: "POST", 
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({
          username: usr, 
          password: pwd, 
        })
      }).then(function(response){
        return response.json();
    }).then(function(json){
        return json;
    });
}

一旦我去抓取,我遇到了这个错误。我无法向在http://127.0.0.1:8000/api/token/运行的django中的后端发出网络请求

我收到以下错误。由于某种原因无法复制粘贴。 Error Image

我遇到的另一个问题是如何调试代码?我试过Chrome调试器。 但它的表现 状态:等待,在模拟器中按Ctrl R重新加载并连接。 尝试刷新模拟器,但没有工作。

1 个答案:

答案 0 :(得分:0)

谢谢Ashutosh指出这一点。我没注意到,因为模拟器是一台不同的机器,它实际上不会识别localhost或127.0.0.1

问题是我在请求数据时使用本地计算机的环回IP地址。