Getting CORS error on uploading file on AWS S3

[abhimanusharma]

Here is my jsx code:

<ReactS3Uploader
    getSignedUrl={props.getSignedUrl}
    accept="image/*"
    onProgress={onProgress}
    onError={onError}
    onFinish={onFinish}
    uploadRequestHeaders={{
        'x-amz-acl': 'public-read'
    }}
    contentDisposition="auto"
/>

Here is my method:

getSignedUrl = async (file, callback) => {
    const { dispatch } = this.props;
    const params = {
      objectName: file.name,
      contentType: file.type
    };
    const response = await dispatch(getSignedUrl(params));
    console.log(response);
    callback(response);
    
  }

The above dispatch method is getting signed url from my NestJs server.

Here is my error:

[mclean25]

@abhimanusharma were you able to solve this?

[waleedarshad]

@abhimanusharma @mclean25 any updates?

[rolandin]

Also getting a cors issue when uploading, it would be good to know if there is something wrong or it's just something in the server settings