首页 > 解决方案 > 在反应js中调用axios获取请求时出现网络错误

问题描述

我在 macOS 中使用 React.js,当我尝试调用时,出现axios.get网络错误。我读过很多像我这样使用 React Native 的案例,他们的答案是添加设置以允许它们http在 mac 中使用而不是https在 .

任何意见,将不胜感激。

Error: Network Error
    at createError (createError.js:17)
    at XMLHttpRequest.handleError (xhr.js:87)

我的代码是这样的:

try {
  const Response = await axios.get(http://xxxxx/WebServiceTest/service.svc?wsdl/GetItems, {
   
    params: {
      Number: "100",
      Id: "101",
      userName: "11",
      credential: "Test"
    }
  });
  console.log("http response = " + Response.data);
} catch (ex) {
  console.log("error.status:", ex);
}

标签: reactjsaxios

解决方案


将您的等待更改为承诺,即使您将等待 axios 函数也将异步工作。

async functionName() {
  let response = () => {
    return new Promise(function(resolve, reject) {
      fetch('http://xxxxx/WebServiceTest/service.svc?wsdl/GetItems', {
        params: {
          Number: "100",
          Id: "101",
          userName: "11",
          credential: "Test"
        }
      }).then(response => {
        resolve(response);
      });
    });
  };
  let responseData = await response();
  console.log(responseData.data);
}

推荐阅读