Back
Access blocked by CORS policy
Getting the following error message while uploading or updating image files at Appwrite Storage.
TypeScript
Access to XMLHttpRequest at 'https://cloud.appwrite.io/v1/storage/buckets/product/files' from origin 'https://rohini-helmets.vercel.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
- Website is made using Next.js
- Rest of the Appwrite operations are working fine.
TL;DR
Developers are encountering a CORS policy issue when trying to upload large image or video files to Appwrite Storage. The error message indicates that the 'Access-Control-Allow-Origin' header is missing. The issue is affecting multiple developers and has been ongoing since yesterday. Rest of the Appwrite operations are functioning properly. The website is built using Next.js.
**Solution:** To resolve this CORS policy error, developers need to add the appropriate CORS headers to their API endpoints in Appwrite. This can be done by configuring the server to include the 'Access-Control-Allow-Origin' header for the specified origin.
I have same issue brother but no one is even responding, the same issues other users are also facing from yesterday.. the issue is exacly no one is able to upload image or videos longer than 1MB
