Firebase storage file upload not working cause by cors policy.

[FlyingTurkman]

Summary

I tried many methods for upload file to firebase storage and getting cors error. With Next.js 12 I developed a lot of softwares and used firebase storage.
Here cors config file at firebase

[
     {"maxAgeSeconds": 3600, "method": ["*"], "origin": ["*"]}
]

Is there anybody face with this issue?

Additional information

Here error message
Access to XMLHttpRequest at 'https://firebasestorage.googleapis.com/v0/b/%22xxx.appspot.com%22/o?name=test123.jpg' from origin 'https://xxx.vercel.app' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

No response

Example

No response

[Braedencraig]

How are you uploading/writing your data to firebase? Might be related to that, happy to help!

[FlyingTurkman]

I figure it out problem. Its cause by environment variables at vercel. If I write variable like this
apiKey: "xxxxxx"
....

its cause of cors error

I change variables like this

apiKey: xxxxx

[Kashan-2912]

im on vite app, am having same issue. can you please tell me how to fix cor issue
Im uploading files on firestore using setDoc function

[FlyingTurkman]

My issue is about .env file. If you type apiKey like "xxxxx" this causing error you should change it like xxxx

[Kashan-2912]

WHen i saw your msg, i made env file and put all apiKeys and storageBucket etc to env file. For your info, Im using firebase. But cors issue still there when i try to upload files to firebase firestore. Any solution ?

[arewageek]

That doesn't seem to be solving mine
Changed it a couple of times and my requests still fail