By mulli
I read your Login react.js article & liked it. My issue is that I have the React app. Now I need to generate 3 versions, for developement, testing and production. They all differ only in the URL for the login.
How do I make the react app agnostic/ configurable at runtime and save the need for 3 versions??
This textbox defaults to using Markdown to format your answer.
You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!
Hi there,
What you could do is define your development and production URLs in your .env file:
REACT_APP_CONFIG_URL=http://your_url_here
Then you can access the environment variable in React with:
const configUrl = process.env.REACT_APP_CONFIG_URL
If you are getting started with React, I would recommend this free video course here:
Hope that this helps! Regards, Bobby
The answer is simple, use:
window.location.host // need to add either http or https before
In this way my app connects to the correct server at runtime.
I have a single distribution - works well.
Final note: for localhost and local server you may need to define the local server. Solved easy by looking for ‘localhost’ in the reply. Hope it helps.
Become a contributor for community
Get paid to write technical tutorials and select a tech-focused charity to receive a matching donation.
DigitalOcean Documentation
Full documentation for every DigitalOcean product.
Resources for startups and AI-native businesses
The Wave has everything you need to know about building a business, from raising funding to marketing your product.
The developer cloud
Scale up as you grow — whether you're running one virtual machine or ten thousand.
Get started for free
Sign up and get $200 in credit for your first 60 days with DigitalOcean.*
*This promotional offer applies to new accounts only.