React local workspace setup to connect to REST API server

Question

Let's say I have a React app and want to connect locally to my local Tomcat server (for ultimately consuming REST endpoints from my React app). I have 2 questions;

Is there a standard local workspace setup recommended by React to point to our localhost running backend services?

Is there an easy/configurable setup, where I have both options e.g. switch from connecting to actual backend service TO say using mock endpoint responses on my local i.e. by a simple config change ?

Note: I am trying to avoid hardcoding any absolute URLs on my client-side i.e. In my client side code, I would just have the endpoint defined as "mycontext/my/endpoint" and say if my React app is running on say http://localhost, then it should automatically construct the full endpoint as http://localhost/mycontext/my/endpoint

samuei · Accepted Answer · 2021-03-03 05:38:43Z

1

You can define environment variables, which could include the address of the API server you'd like to use. Then you would simply change that variable any time you wish to hit a different API server (be it localhost or remote).

If you are using Create React App to bootstrap your setup, you can also use the proxy setting in your package.json.

answered Mar 3, 2021 at 5:38

samuei

2,1501 gold badge12 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

copenndthagen Over a year ago

Thanks....Is there setup that can be done via ExpressJS (app.listen, app.use, app.get/post, etc) ?

samuei Over a year ago

I don't know much about Express. It's for Node, right? I think the standard answer for environment variables in Node is still dotenv.

Collectives™ on Stack Overflow

React local workspace setup to connect to REST API server

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related