从iphone在Expo上运行时,获取不起作用

时间:2018-04-23 11:14:34

标签: ios iphone react-native fetch expo

所以它实际上已经开启和关闭过去几天,当我甚至没有对代码进行任何更改时,我的应用程序上的POST方法(用于登录目的)的获取功能会突然停止工作。 第一次发生这种情况时,我花了很少的时间来追踪这个bug,但是我意识到代码在我从Android工作室运行的Android模拟器上运行良好。 当我通过expo运行代码时,这个问题只发生在我的iphone设备上。

是否有任何关于如何解决这个问题的惯例? 我一直在谷歌搜索几天,但没有一个论坛实际上同意一个解决方案,一些工作,但说它不稳定,有些只是不起作用。

我对博览会很新,反应原生,一般的一切,所以请使用“英语”lol启发我

编辑:因为我被问及有关代码的问题,所以我希望它有所帮助:

export function login(user, callback){
  var endpoint = "oauth/token";
  const { username, password } = user;

  //from https://scotch.io/tutorials/how-to-encode-and-decode-strings-with-base64-in-javascript
  var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9+/=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}};

  let header = {
              "Content-Type": "application/x-www-form-urlencoded",
              "Authorization": ("Basic " + Base64.encode(username+":"+password))
            };
  let userData = {
                    "grant_type": "password",
                    "username": username,
                    "password": password
                 };

  return fetchAPI(endpoint,'POST', header, userData)
  .then((tokenJson) => {
      alert("\nAccess Token:\n\n" + tokenJson.access_token + "");
      callback(true, {exists : true, token : tokenJson.access_token}, null);
  })
  .catch((error) => {
    alert(error);
      callback(false, null, error);
  });
}

这是从该函数调用的fetchAPI函数(泛型获取函数):

export function fetchAPI(endpoint, method, header, data) {
 let url = 'http://10.64.2.149:8081/' + endpoint;

 let options = {
        method: method,
        headers: header,
        body: stringify(data) //from qs-stringify package
      };

 return fetch(url, options)
    .then(response => {
        return response.json()
            .then((json) => { ...//not relevant from this point on

获取'POST'似乎总是卡在response.json(),它永远不会解析,直到它返回"network request failed"。但正如我所说,只有当我通过博览会在iphone上运行它时才会发生。它在Android sim上很好。

谢谢! :)

0 个答案:

没有答案