I have a React application built using Vite. For local development, I have set up an .env file which contains a VITE_URL variable.
Here is a brief overview of my setup:
Build Tool: Vite Source Control: GitLab (used to generate a container image for the app) Hosting: Azure Web Apps (containerized deployment) Requirement: I need the VITE_URL variable to change based on the environment (e.g., development, staging, production).
Current Setup:
In Azure Web Apps, I have set up an application setting named VITE_URL, but this value is not being passed into the container. Problem: When deploying the application to different environments, the VITE_URL does not update according to the Azure Web Apps configuration.
What Works:
The only solution that works so far is adding a .env.production file with the URL. However, this does not satisfy the requirement because I need to have different URLs based on the deployed environment. Question: How can I configure my Azure Web Apps container to pass different VITE_URL values based on the environment?
What I have tried:
Setting VITE_URL as an environment variable in Azure Web Apps. Confirmed the variable is set in Azure Web Apps configuration settings. Rebuilding and redeploying the container after setting the environment variable.
