I am getting some CORS issue even though I am not running any custom
I am writing to seek assistance with a CORS policy error that has arisen within my FlutterFlow project when attempting to access Firestore data. Despite following the standard integration procedures, I've encountered an unexpected issue that prevents data from being fetched from Firestore due to a CORS policy violation.
Description of the Issue: While testing my FlutterFlow project published on the web, I encountered a CORS policy error that blocked the fetch request to Firestore. The exact error message in the console is as follows:
"Access to fetch at 'https://firestore.googleapis.com/...' from origin 'https://query.flutterflow.app' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'."
Steps to Reproduce:
Linked my Firebase project with my FlutterFlow project.
Configured Firestore database access and set up a couple basic workflows.
Previewed the app within FlutterFlow, leading to the aforementioned CORS error when attempting to fetch data from Firestore.
Expected vs. Actual Behavior:
Expected Behavior: I anticipated being able to fetch data seamlessly from Firestore without encountering CORS policy issues, as per the standard functionality provided by FlutterFlow's Firebase integration.
Actual Behavior: I received a CORS policy error in the console, preventing the app from fetching data from Firestore.
Environment Details:
FlutterFlow Version: 4.1
Browser and Version: Safari 16.5
Deployment Status: Published on Web.
Questions:
Is there a known issue or update related to Firestore access within FlutterFlow that might lead to CORS policy errors?
Are there additional steps I should take within my FlutterFlow or Firebase setup to resolve this issue?
Thank you for your time and assistance. I am looking forward to your guidance on resolving this issue.