CORS Issue When Accessing Arelle Backend API from Angular

[Firas Jedidi]

I hope you are doing well.

I am currently experiencing a CORS (Cross-Origin Resource Sharing) issue when trying to access the Arelle backend API from my Angular application. The Angular frontend is running on http://localhost:4200, and it attempts to communicate with the Arelle API hosted on a different origin.

Could you please let me know if CORS can be enabled or configured on the Arelle server side to allow requests from the Angular frontend? If there's an existing workaround or proxy approach that works well with Arelle, I would appreciate any guidance.

Thank you very much for your support.

Best regards,

[Austin Matherne]

Hi,

Arelle’s built-in web server is really just a lightweight, development server, not intended for production use and doesn't handle CORS. It lacks many of the hardening and performance features you’d get from a proper web server or reverse-proxy setup. In a production environment, you’ll typically deploy Arelle behind something like nginx to handle CORS, load balancing, etc. For local dev with Angular, I believe Angular specifically has configuration to handle this.

Hope that helps,

Austin