Setting Up base url for production while using proxy in development in React

Question

I'm setting up a new project. In it I used a proxy settings inside my package.json.

Now, everytime I use fetch I do this:

fetch("/foo")

instead of this:

fetch("http://www.bar.com/foo")

This is all good while I'm in development mode. However, I dont know how can I supply my fetch() with the appropriate base url while my app is in production mode.

Any help is much appreciated. Thank you!

tarzen chugh · Accepted Answer · 2019-04-20 13:05:09Z

1

1) Create config.json and add base url key value pair in json format as shown below.

{
  "baseUrl": "http://www.bar.com/",
}

2) For CRUD operations through fetch or any other library use baseUrl from config. You could change baseUrl using webpack while building for different environments like production or development.

Hope that helps!!

answered Apr 20, 2019 at 13:05

tarzen chugh

11.4k4 gold badges22 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

Setting Up base url for production while using proxy in development in React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related