时间戳

首页 > 解决方案 > 使用 Axios 发出 post 请求时出现网络错误

json - 使用 Axios 发出 post 请求时出现网络错误

问题描述

我正在尝试让我的应用程序使用 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 有问题，但我使用 Postman 成功向该 URL 发出了 post 请求。

解决方案：这是语法错误。我忘记在代码中包含标头配置。

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);
        });
    }

标签： jsonreact-nativepostaxios

解决方案

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
    });

我不确定，但是..

你想像上面的代码一样尝试吗？

推荐阅读