App Development fail : blocked by CORS policy: No 'Access-Control-Allow-Origin'

[Anonymous]

Issue Description: The App can be loaded successfully to the web browser. But the app fails to link to the host page.
There is an error message display at the Browser Developer tool.

The Error message is as follows:
Access to XMLHttpRequest at ‘https://www.bookuai.com/wp-json/wplms/v1/track/?client_id=rIvWAlWFKvYrm6qnUsl1jUJ&access=0’ from origin ‘http://localhost:8100’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

*https://www.bookuai.com/ is the host webpage url

[Anonymous]

This reply has been marked as private.

[Anonymous]

Hi Sir,
The is the error of 1st
https://prntscr.com/qgnf7o

After the 1st Debugging by disabling the CORS,

https://prntscr.com/qgndjx

Is the 1st debugging an improper action?

What should I do the get the app display properly on the browser?

[WPLMS]

The CORS are most likely returned in response. If you’re using caching plugin w3tc then make sure it is not adding any .htaccess code to remove cors.
On many sites using w3tc we found this issue.
I will need admin credentials to further debug this.

[Anonymous]

This reply has been marked as private.

[Scott Lang]

Hi,
After configuring your site at our end we are getting an error on API request and access-control-origin error both. refer this:http://prntscr.com/qhduuu

We need your c-panel to check the PHP error log. Please share it in a private reply.

 

[Anonymous]

This reply has been marked as private.

[Scott Lang]

Hi,

The issue caused by third party plugin WooCommerce Blocks,Deactivate and check

Refer this working app:http://prntscr.com/qhhcqw

[Anonymous]

This reply has been marked as private.

[Scott Lang]

Hi,

The issue is caused by third-party plugin.

Your app already working please deactivate plugin: WooCommerce Blocks. Then try to run your app.

Refer this image of working app from your site:http://prntscr.com/qhhcqw

Same thing you have to do for your local setup.

For build update your config.xml like this http://prntscr.com/qhsegc

code:   <access origin=”*” />   

[Anonymous]

This reply has been marked as private.

[Scott Lang]

Thanks for your precious response.

[Author]

Posts