'make my application visible for all network users

I'm new to ReactJS. I have developed an app consisting of a table with several columns and I have been successful in rendering my application on localhost. My front-end is accessible from http://localhost:3000 and back-end from http://localhost:8000. I'm using MongoDB as database.

Now I want to make it possible for my network users to see my app, therefore I run my code on a windows server whose IP is 10.68.10.20. Now when my network users open http://10.68.10.20/3000 on their PCs or laptops, they are able to see my application (and the table itself), but the content of my table (the content of the database) is not visible for them.

I see this error in the console:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8000/api/v1/users?search=. (Reason: CORS request did not succeed). Status code: (null).

So what's wrong? What changes should I make in my app to be visible for network users?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source