.env file variables access after publish-CodePudding

I'm new to react development. I have created .env file(inside root) and got some url for my application. after publish my application to azure my application not getting url values. I have stored it new .env file inside my public folder also. But its not getting values.

.env file(inside root)

REACT_APP_SERVICE_BASE_URL = https://localhost:44385/
REACT_APP_CONFIG_BASE_URL = https://localhost:44354/

js Code

require('dotenv').config()
let SERVICE_BASE_URL = process.env.PUBLIC_URL.REACT_APP_SERVICE_BASE_URL;

Can anyone have an idea to fix my issue. localhost working fine. after publish and change url is not working.

my customers have different Urls. so they need to change with their variables. So I thought if i add .env file inside public folder they can change their Url and use it

Tried this way also. But this also not calling public folder .env Its also taking root folder .env

require('dotenv').config(process.env.PUBLIC_URL  '/.env')

CodePudding user response：

let SERVICE_BASE_URL = process.env.REACT_APP_SERVICE_BASE_URL

CodePudding user response：

As mentioned here https://create-react-app.dev/docs/adding-custom-environment-variables/ .env file is for development purpose.

I suppose you use create-react-app to build your application. In that case the environment variable is injected in your appication at build time. When you develop locally .env variables are automatically injected to your code.

In the case of a deploy on azure you shoud define your environment variables in that environment and build you application there.