Adobe Commerce GraphQL CORS error

[rahilthere9532]

Hi Team,
I'm facing CORS error on GraphQL query.

We have ReactJs and React Native, so query will be triggered via browser XHR request.
If we trigger in server such as node js, its working fine.

(Reason: CORS header ‘Access-Control-Allow-Origin’ missing)

We are using adobe commerce(Magento cloud)
finding difficulty in using GraphQL.
Enterprise Edition version: 2.4.7.
Please help us fix this.

Thank You
Mohammed Rahil Ovaiz

[kirankumar272d]

In which server your facing this issues ? integration or staging?

[johnwebdes40a5]

Hello @rahilthere9532 

The error you're seeing—CORS header ‘Access-Control-Allow-Origin’ missing—indicates that the server hosting the GraphQL endpoint is not allowing cross-origin requests from your frontend

Add CORS Headers to Magento Server (Apache/Nginx)

If you're hosting Magento behind Apache or Nginx, you may need to modify the server's configuration to include the correct CORS headers.

​Hope it helps ! 

If you find our reply helpful, please give us kudos.

A Leading Magento Development Agency That Delivers Powerful Results, Innovation, and Secure Digital Transformation.

WebDesk Solution Support Team

Get a Free Quote | | Adobe Commerce Partner | Hire Us | Call Us 877.536.3789