javascript - 在 React Native 中使用 axios 从带有参数的 GET 方法的 HTTP 响应

Question

我认为这可能是一个非常简单的问题，但我是 Web 请求的新手，可以让它正常工作，也无法通过搜索网络获得简单的响应

我有一个站点，通过将此 URL 放入浏览器，我可以从该站点获得 JSON 响应:http://www.test.com/callservice.php?action=stop&x=1&y=2&ct=100

这反过来又给我一些 JSON 响应。

现在，我正尝试使用 Axios 在 Javascript 中获得相同的结果。

要么直接使用 URL

 componentWillMount() {
    axios.get('http://www.test.com/callservice.php?action=stop&x=1&y=2&ct=100')
      .then(response => console.log(response));
  }

或者使用 GET 参数:

 componentWillMount() {
    axios.get('http://www.test.com/callservice.php', {
      params: {
        action: 'stop',
        x: 1,
        y: 2,
        ct=100
      }
    })
      .then(response => console.log(response));
  }

但两种方法都给出相同的错误:

Possible Unhandled Promise Rejection (id: 0):
Network Error
Error: Network Error

还有一个更详细的捕获错误:

Error: Network Error
    at createError (createError.js:15)
    at XMLHttpRequest.handleError (xhr.js:87)
    at XMLHttpRequest.dispatchEvent (event-target.js:172)
    at XMLHttpRequest.setReadyState (XMLHttpRequest.js:542)
    at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:378)
    at XMLHttpRequest.js:482
    at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
    at MessageQueue.__callFunction (MessageQueue.js:236)
    at MessageQueue.js:108
    at guard (MessageQueue.js:46)

Answer 1

jbssm,看来你在 IOS 上工作。您可以使用 Xcode 在项目设置中检查您的 App 传输安全设置吗？

Xcode 禁用 http 连接，默认情况下只允许安全连接。您应该在项目设置中添加“允许任意加载”