CORS issue whn sending request from React

Question

Hi.I'm trying to send a request to AEM from React. But I get either a CORS error or an empty response with status 200, but from the browser the response has a body.Tell me how to set it up if:AEM localhost:4502React localhost:3000 ConfigReact fetchThank you very much in advance)

aanchal-sikka · Accepted Answer

Hello @aliaksandr_hvoz

There is a detailed adobe documentation on how to deal with CORS errors. Please refer to https://experienceleague.adobe.com/docs/experience-manager-learn/foundation/security/understand-cross-origin-resource-sharing.html?lang=en

One would have to update :

Publish -> "Adobe Granite Cross Origin Resource Sharing Policy" OSGi config to declared allowed origins, methods etc
Dispatcher:
- Allowing CORS request headers
- Caching CORS resposne headers

Even steps for debugging are available on the link

Mahedi_Sabuj · Answer

You may consider adding "Authorization" in the Supported Headers. Please refer to the Site 2 example, which requires authentication. https://experienceleague.adobe.com/docs/experience-manager-learn/foundation/security/understand-cross-origin-resource-sharing.html?lang=en#example-configurations "supportedheaders":[  "Origin",  "Accept",  "X-Requested-With",  "Content-Type",  "Access-Control-Request-Method",  "Access-Control-Request-Headers",  "Authorization", // New  "CSRF-Token" // New]

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded