Aws-sdk s3 upload CORS error cause by CacheControl Option

[JANDA-Developers]

Confirm by changing [ ] to [x] below:

• I've gone through Developer Guide and API reference
• I've checked AWS Forums and StackOverflow for answers
• This is an issue with version 2.x of the SDK

version
"aws-sdk": "^2.586.0",

Describe the question

My code is looks like this and when

import { FileUpload } from "../types/scalars/Upload.scalar";

 new S3.ManagedUpload({
        params: {
            ACL: "public-read",
            Bucket: process.env.AWS_BUCKETNAME || "",
            Body: upload.createReadStream(),
            Key: filename || upload.filename,
            CacheControl: "max-age=604800,public,immutable",
        },
        // tags,
    }).promise();

If I upload this with the CacheControl option, upload works fine.

But when I load it on the client side I get a CORS error.

If I remove CachControl, obviously the CORS error doesn't come up.

My Bucket has CORS-Policy like this

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "POST"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": []
    }
]

Headers with CacheControl Param

Headers without CachControl Param

With CacheControl param,
My Allow headers are gone. Why is that?

[eternalharvest]

I have exact same issue.
I think this is a bug.

aws-sdk version is 2.1217.0.

import S3 from 'aws-sdk/clients/s3';
import fetch from 'node-fetch';

const s3 = new S3({
    endpoint: process.env.S3_ENDPOINT,
    accessKeyId: process.env.S3_ACCESS_KEY,
    secretAccessKey: process.env.S3_SECRET_KEY,
    signatureVersion: 'v4',
});

async function main() {
    await s3.putBucketCors({
        Bucket: process.env.S3_BUCKET_NAME,
        CORSConfiguration: {
          CORSRules: [
              {
                  AllowedHeaders: ['*'],
                  AllowedMethods: ['GET'],
                  AllowedOrigins: ['*'],
                  ExposeHeaders: ['ETag'],
              }
          ]
        }
    }).promise();

    const result = await fetch(process.env.MYAPI_ENDPOINT);
    if (result.status === 200) {
      await s3.putObject({
        Bucket: process.env.S3_BUCKET_NAME,
        Key: 'data.json',
        ContentType: 'application/json',

        CacheControl: 'max-age=0,must-revalidate,public', // THIS CAUSE CORS ERROR ON BROWSER CLIENT!!

        Body: text,
      }).promise();
    }
}

main();

Workaround for browser side.

await fetch(S3URL, { cache: 'no-cache' }); // SPECIFY cache OPTION TO 'no-cache' SO THAT ALWAYS REVALIDATE