我是React.js axios概念的新手，当我尝试调用axios.get时，我得到了AxiosError: Network Error，我不知道为什么会出现这个错误，我也读过this和this其他一些例子，但我没有得到正确的解决方案。
我已经安装了下面两个命令
npm install axios和npm install cors

下面是我的代码：

import React from "react";
import { Button } from "@mui/material";
import axios from "axios";

function GetApiData() {

var data = {
    vendorname: "achintya",
      };
    
      const postData = () => {
        axios({
          method: "post",
          baseURL: "https://somesite.com",
          url: "/bkdb_getvendorcodes",
          payload: data,
        })
          .then(function (response) {
            // handle success
            console.log(response);
          })
          .catch(function (error) {
            // handle error
            console.log(error);//showing error here 
          });
      };
    
    return (
        <>
            <Button variant="outlined" onClick={postData}>POST data</Button>
        </>
    );
}

export default GetApiData;

当我运行上面的代码，我得到下面的错误

但服务工作正常示例img

我没有太多的知识来修复这个错误，请告诉我我在哪里犯了错误，以及如何实现这一点。