VaporImage SignatureDoesNotMatch

[dotsoftwarenl]

• Laravel Version: 11.26
• Nova Version: 5.2.4
• PHP Version: 8.3.12
• Operating System and Version:
  Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Description:

When uploading a file to VaporImage field, I get the following error:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'status')

I retrieve a valid response from https://XXXX.test/vapor/signed-storage-url, opening the response URL (which is to my tmp folder inside my development S3 bucket) , I receive the following error:

<Code>SignatureDoesNotMatch</Code>
<Message>The request signature we calculated does not match the signature you provided. Check your key and signing method.</Message>

Due to this error message given by AWS S3, the status can not be checked and VaporImage returns a Uncaught TypeError.

[crynobone]

Seems like a configuration issue. Nova doesn't store any specific Vapor or S3 configuration and only rely on Laravel Vapor configuration.

[dotsoftwarenl]

I have found the issue, this is due to the Cross-origin resource sharing (CORS) section on my AWS S3 bucket.