How to Setup Spaces with Laravel 11

I am not sure if I am missing something with my configuration. Though I have tried many different ways.

AWS_ACCESS_KEY_ID=KEY
AWS_SECRET_ACCESS_KEY=KEY
AWS_DEFAULT_REGION=us-east-1
AWS_BUCKET=BUCKETNAME
AWS_ENDPOINT=https://nyc3.digitaloceanspaces.com
AWS_USE_PATH_STYLE_ENDPOINT=false
AWS_URL=https://BUCKETNAME.nyc3.cdn.digitaloceanspaces.com

This is how it is configured, obviously the keys are set properly and the bucketname is also configured properly. It does attempt to PUT files to the space however they come out like so.

Access to XMLHttpRequest at

‘https://BUCKETNAME.nyc3.digitaloceanspaces.com/tmp/74Chi8ZPPcXxmqM61jvclJkyxz8y6z-metaU2VydmljZXNfSGVyb18xMjYweDU2MF9EZXNrdG9wX2hlcm8tZGVza3RvcC5qcGVn-.jpeg?x-amz-acl=private&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=PUBKEYAW6H9AKUCLVRCLNJ%2F20240719%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20240719T205725Z&X-Amz-SignedHeaders=host%3Bx-amz-acl&X-Amz-Expires=300&X-Amz-Signature=72c9cdb14903be4409ba9bcd2aa933f0411a1b34c0f5597e07dd9e0dc75f6c36’

from origin ‘https://market.test’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

This made me believe that it was related to the CORS configuration on the bucket. So I went in an added my development address. “https://market.test” and set it to have all allowed methods ( this is just for a development env ) and ACM age to 0s.

This didn’t work so I even added the same with the Origins set to *

Anyone have any ideas on what might be able to resolve this?