Back
CORS error using Appwrite DNS
Hello 👋 ,
we are using the DNS on organization domains rostlino.cz using nameservers NS
TypeScript
NAME: rostlino.cz
TYPE: NS
VALUE: ns1.appwrite.zone
TTL: 3360
NAME: rostlino.cz
TYPE: NS
VALUE: ns2.appwrite.zone
TTL: 3360
inside project rostlino in settings we are using custom domain appwrite.rostlino.cz. After Sign in it shows correctly the Projects, but when visiting the project https://appwrite.rostlino.cz/console/project-fra-rostlino it throws an error 500 Internal Error:
TypeScript
Access to fetch at 'https://fra.appwrite.rostlino.cz/v1/console/variables' from origin 'https://appwrite.rostlino.cz' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Will editing the CNAME record for organization help ? Like this:
TypeScript
NAME: fra.appwrite.rostlino.cz
TYPE: CNAME
VALUE: appwrite.rostlino.cz
TTL: 3600
Would it be better to include wildcard *.appwrite.rostlino.cz ?
Thank you
TL;DR
Developers using Appwrite's DNS are encountering a CORS error when accessing a custom domain in their project. The error is caused by a missing 'Access-Control-Allow-Origin' header. To resolve this, they can add the necessary CORS headers to their backend server or modify the DNS records by creating a CNAME record for the subdomain causing the error, pointing it to the custom domain. They can also consider using a wildcard for all subdomains to prevent future CORS issues.