CORS with Svelte + TS + ViteApp

[worthy storm]

Hi,
I have a CORS issue with the Svelte Template for App-Write

My docker-compose is OK. I access appwrite with http://localhost:8080/console
My Svelte frontend is OK http://127.0.0.1:3000/#/login

But when I tried to connect I have this issue :

Access to XMLHttpRequest at 'http://localhost:8080/v1/account/sessions/email' from origin 'http://127.0.0.1:3000' has been blocked by CORS policy: Request header field x-sdk-name is not allowed by Access-Control-Allow-Headers in preflight response.
browser-ponyfill.js:518     POST http://localhost:8080/v1/account/sessions/email net::ERR_FAILED

My .env file copied from .env.example file contain :

VITE_APP_ENDPOINT=http://localhost:8080/v1
VITE_APP_PROJECT=64c130a644bddf1a4762
VITE_APP_COLLECTION_ID=64c13113a2d097892fde
VITE_APP_DATABASE_ID=todo

And multiple _APP_..... properties

I don't understand the CORS problem 😢

**AND ** I don't know where find the DATABASE_ID . Isn't on UI
And the UI is outdated (old version of appwrite)

The link :
https://github.com/appwrite/demo-todo-with-svelte

Thanks ❤️

[bold lodge]

The fasts solution would be to access your Svelte through localhost like so
http://localhost:3000/#/login

The reason it happened is because Appwrite require you add platform for each Web app accessing your Appwrite. localhost is always allowed.
But 127.0.0.1 or any other IP or domain aren't

You can add ``127.0.0.1` if you want or any other in the project overview page

Also, check here for more details
https://appwrite.io/docs/getting-started-for-web

[worthy storm]

Thanks for the answer
I followed the guide and tried with localhost and 127.0.0.1, there's no difference.
And you can't add a port to the platform URL.

I tried with a cloud version of the application and it works fine, but not with the self hosted version with local docker.

The 127.0.0.1 comes from a copy-paste of my browser's URL, but I do use http://localhost:3000 to access my svelte front 🤔