Unable access model.json through react app

Question

I am able to get the data in postman when try to access model.json through react app I am getting an cors error and network error. Does anyone faced this before and have solution kindly share it

Avinash_Gupta_ · Accepted Answer

Hi @rengan76 Hitting any API through Postman won't give you any CORS error. Since there is a difference between the domain of your React App and model.json used in AEM, triggers into a CORS error. You would have to set Cross-Origin Resource Sharing (CORS) configuration in AEM

The CORS configuration must specify a trusted website origin alloworigin or alloworiginregexp for which access must be granted.

Kindly refer to the below links that will help you to understand the CORS error and how to resolve it :-

https://experienceleague.adobe.com/docs/experience-manager-learn/foundation/security/understand-cross-origin-resource-sharing.html

https://experienceleague.adobe.com/docs/experience-manager-cloud-service/content/headless/deployment/cross-origin-resource-sharing.html?lang=en

Hope this helps.

SantoshSai · Answer

Hi @rengan76 ,Could you please elaborate some more details about your issue? How are you accessing it through postman and what url? Also, appreciate if you post error stack here.There might be problem with your Rest Client as it is making a POST request on the author instance, http://localhost:4502. You will get an authentication error.You can solve this issue by including basic auth type in Postman.Launch Postman, then navigate to the Authentication tab. Ensure type is set to “Basic Auth”, and username and password are set to “admin”; this is the default username and password for the administrator user while developing on the author instance.Regards,Santosh

Sign up

Login with SSO

Login to the community

Login with SSO