Data is not sent to AWS server in Reactjs

Question

I am trying to send my Form data to server on base of API, but every time I click on the upload button, it gives me this error:

Localhost 404 Not Found

How can I figure out if there is any mistake in my code?

I will also share code snippet of my Form. I used ant-design for Form and Upload.

Code Snippet

import React from 'react';
import styled from 'styled-components';
import 'antd/dist/antd.css';
import { Form, Upload, message, Button, Icon } from 'antd';
import reqwest from 'reqwest';

const FormItem = Form.Item;
const PhotoText = styled.div`
  font-size: 16px;
  font-weight: bold;
  padding: 2rem 0 1rem 0;
  display: block;
  text-align: -webkit-auto;
`;

class RegisterStepTwo extends React.Component {
  constructor(props) {
    super(props);
    console.log(props);
  }
  handleUpload = e => {
    // You can use any AJAX library you like
    console.log(e.file.originFileObj);
    var reader = new FileReader();
    var obj = JSON.parse(localStorage.getItem('user'));

    reader.onload = function(upload) {
      const userOject = {
        ...obj,
        uri: upload.target.result,
      };
      reqwest({
        url: fetch(`http://138.197.207.41:9000/api/s3/uploadtoawsapi`, {
          headers: {
            Accept: 'application/json',
            'Content-Type': 'application/json',
          },
          method: 'POST',
          body: JSON.stringify({
            userId:userObject,
            type,
            content,
            key,
            oldKey,
          }),
        }),
        success: () => {
          message.success('upload successfully.');
        },
        error: () => {
          message.error('upload failed.');
        },
      });
    };
    reader.readAsDataURL(e.file.originFileObj);
  };

  render() {
    const { getFieldDecorator } = this.props;
    return (
      <div>
        <PhotoText>Select a Photo to Upload</PhotoText>

        <Form onSubmit={this.handleSubmit}>
          <FormItem>
            {getFieldDecorator('picture', {
              rules: [
                {
                  required: true,
                  message: 'Please upload picture!',
                },
              ],
            })(
              <Upload>
                <Button>
                  <Icon type="upload" /> Click to Upload
                </Button>
              </Upload>,
            )}
          </FormItem>

          <PhotoText>Select a Video to Upload</PhotoText>
          <FormItem>
            {getFieldDecorator('video', {
              rules: [
                {
                  required: true,
                  message: 'Please upload video!',
                },
              ],
            })(
              <Upload>
                <Button>
                  <Icon type="upload" /> Click to Upload
                </Button>
              </Upload>,
            )}
          </FormItem>
        </Form>
      </div>
    );
  }
}
export default RegisterStepTwo;