Cors

I'm facing cors issues when I make requests with my frontend delployed on vercel. I added and pointed it to a subdomain (distributa.ablestate.africa) of my domain (ablestate.africa).
In the platforms I have one that has its hostname as distributa.ablestata.africa so I should expect it to work. However requests keep on raising the cors issue.
I have attached screenshots of my response and configurations in the appwrite console. Any help is highly appreciated. Thanks.

without seeing your settings....looks like you've only got localhost set up in your custom domains

sorry not custom domains but web platform integrations

Check your hostname settings

From your Project Overview page - scroll down to Integration and select your Web platform and edit the hostname settings from there

If you can see the second screenshot, production is one of the platforms which has its hostname set to distributa.ablestate.africa
I guess that should be working.

However I cannot tell why its actually not working?