I get 403 when I try to upload a file from browser using presigned url generated using aws sdk for JavaScript.

This is the code for generating presigned url:

 const params = {
    Bucket: "bucket-name", 
    Key: "atya.png", 
    Expires: 6000,
    ContentType: fileType,
    ACL: "public-read"
  };

s3.getSignedUrl("putObject", params, function(err, url) {
   
    res.send(url);
  });

The code to upload from vue app:

const res = await axios.put(signedURL, file, {
  headers: {
              "Content-type": "image/png",
              "x-amz-acl": "public-read",
            }
  });
 console.log(res);

I have enabled cors and given * as you can see in the image: https://imgur.com/a/GoHCeYo

In the network tab I still see a 403 forbidden:

https://imgur.com/7BYklm9 https://i.imgur.com/7BYklm9.png