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
Recommended threads
- Function's Static IP
Is it possible to have static. IP Address instead of Dynamic IP for getting the IP Address whitelist
- How to use dart workspaces to deploy a f...
Hello, I'm developing a Flutter application and I would like to leverage dart pub workspaces to deploy a function with a dart runtime as advertised here : http...
- Enabling Overage Usage
Hello Appwrite Support Team, I am currently using Appwrite under the GitHub Student Developer Pack plan. Recently, my project hit the database read limit, and ...