My React application running on Azure Static web app as a front end and wordpress running on web app services as banckend i am having CORS policy isssue

Question

My React application running on Azure Static web app as a front end and wordpress running on web app services as banckend i am having CORS policy isssue

Answer 1

the word press site needs to enable CORS. If you can not enable CORS, then you might want to configure an api proxy on the static website

Answer 2

Hello @Kunal Kumar Checking to see if you're still facing this issue. To fix the CORS policy issue between your React frontend and WordPress backend, you need to enable CORS on your WordPress backend. Here are the steps to enable CORS on WordPress:

1. Install the "Enable CORS" plugin in your WordPress site.
2. Activate the plugin and go to the settings page of the plugin.
3. On the settings page, you will find the "Access-Control-Allow-Origin" option. Add the URL of your React app (e.g., https://myreactapp.azurestaticapps.net) to this option.
4. Save the settings and restart your WordPress site. After enabling CORS on your WordPress backend, your React frontend should be able to make requests to your WordPress backend without any CORS policy issue. Hope that helps. -Grace