使用Axios发出发布请求时出现网络错误

时间:2020-07-06 03:24:16

标签: json react-native post axios

我正在尝试让我的应用程序使用Axios发送后请求并接收响应。但是,在尝试发出发布请求时,我遇到了错误。

我的发帖请求代码:

onPostJson = () => {
  axios.post('https://10.1.127.17:11111/vpdu/get-ca-thu-hoi',
  {
    FromDate: "01-Jan-2020",
    ToDate: "01-Feb-2020",
    Ca: 1
  })
  .then((response) => {
    console.log(response.json());
  }, (error) => {
    console.log(error);
  });
};

错误:

Network Error
- node_modules\axios\lib\core\createError.js:15:17 in createError
- node_modules\axios\lib\adapters\xhr.js:80:22 in handleError
- node_modules\event-target-shim\dist\event-target-shim.js:818:39 in EventTarget.prototype.dispatchEvent
- node_modules\react-native\Libraries\Network\XMLHttpRequest.js:574:29 in setReadyState
- node_modules\react-native\Libraries\Network\XMLHttpRequest.js:388:25 in __didCompleteResponse
- node_modules\react-native\Libraries\vendor\emitter\EventEmitter.js:190:12 in emit
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:436:47 in __callFunction
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:111:26 in __guard$argument_0
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:384:10 in __guard
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:110:17 in __guard$argument_0
* [native code]:null in callFunctionReturnFlushedQueue

我怀疑URL出现问题,但是我使用邮递员成功地对此URL发出了发布请求。

解决方案:这是语法错误。我忘了在代码中包含Header配置。

onPostJson = () => {
      console.log("onpost");
      axios.post('http://10.1.127.17:11111/vpdu/get-ca-thu-hoi', {
        FromDate: "01-Jan-2020",
        ToDate: "01-May-2020",
      }, {
            headers: {
                'Authorization': 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfbmFtZSI6ImtpZW50ZC5haXRzIiwibmJmIjoxNTkzNzY0MDU0LCJleHAiOjE1OTQzNjg4NTQsImlhdCI6MTU5Mzc2NDA1NH0.liIM6g2E_EMXvnRpL1RcU-QVyUAKYxVLZZK05OqZ8Ck',
                'Content-Type': 'application/json',
                Accept: 'application/json',
            },
        })
        .then(respond => {
          // console.log(respond.data.CaThuHoiList);
          setShiftData(respond.data.CaThuHoiList);
        })
        .catch(function (error) {
          console.log('Error');
          console.log(error);
        });
    }

1 个答案:

答案 0 :(得分:1)

axios.post('https://10.1.127.17:11111/vpdu/get-ca-thu-hoi', {
        headers: {
            'Content-Type': 'application/json',
            Accept: 'application/json',
        },
          FromDate: "01-Jan-2020",
          ToDate: "01-Feb-2020",
          Ca: 1
    });

我不确定,但是..

您要像上面的代码一样尝试吗?