无法在本地响应网络请求

时间:2019-06-20 11:10:06

标签: reactjs react-native xmlhttprequest fetch fetch-api

我正在使用一项服务来访问用户的地理位置。 问题是,只有当我在本机调试器中打开“网络检查”模式时,该请求才起作用。

否则它将失败并显示错误:

    TypeError: Network request failed
    at XMLHttpRequest.xhr.onerror (whatwg-fetch.js:504)
    at XMLHttpRequest.dispatchEvent (event-target.js:172)
    at XMLHttpRequest.setReadyState (XMLHttpRequest.js:580)
    at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:394)
    at XMLHttpRequest.js:507
    at RCTDeviceEventEmitter.emit (EventEmitter.js:189)
    at MessageQueue.__callFunction (MessageQueue.js:366)
    at MessageQueue.js:106
    at MessageQueue.__guard (MessageQueue.js:314)
    at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:105)

对于数据提取,我使用常规提取,但是已经尝试过XHR和axios,但结果相同。

export function getUserGeoLocation() {
    const url = 'https://geoip.tradesmarter.com/json';

    return fetch(url)
        .then(response => response.json())
        .catch(error => {
            console.log(error);
        });
    } 

同一请求在使用Angular和jsonp的Web平台上有效。

export function getUserGeoLocation() {
  const url = 'https://geoip.tradesmarter.com/json';
  const opt = {
    timeout: 1000,
  };

  const promise = new Promise((resolve, reject) =>
    jsonp(url, opt, (err, data) => {
      if (err) {
        reject(err.message);
      } else {
        resolve(data);
      }
    })
  );
  return promise;
}

有人遇到过这样的问题吗?

1 个答案:

答案 0 :(得分:0)

您是否已添加网络,即android和ios的Internet权限