CORS error when trying to reach self hosted appwrite

Hi as the titel says i keep running into a mismatch when trying to access my site.

so im running into 2 issues

(self hosted website & appwrite)

Some of my project is not being build properly therefore it doesnt make right calls etc. (different issue.)

So i tried to get it working on vercel. with which previously i used the appwrite cloud. However now i try it again to see if i get a different result. and i keep getting hit with:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://appwrite.lostcausenetwork.com/v1/account. (Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘https://dnd-charactersheet.vercel.app, https://dnd-charactersheet.vercel.app’).

TL;DR

Developers are experiencing a CORS error when trying to reach their self-hosted Appwrite instance. The mismatch is causing issues with making the correct calls. They have tried hosting it on Vercel to see if they get a different result but are still encountering the error. Solution: Ensure that the CORS header 'Access-Control-Allow-Origin' matches the correct domains to resolve the issue. In this case, the domain should match 'https://dnd-charactersheet.vercel.app'.

vercel link: