Comments (3)
You're reading your variable in your frontend code. The env vars aren't available in frontend. They are available ONLY during runtime. I'm not familiar with ViteJS - but if I were to guess it probably needs the env var on build time:
Read this section: https://caprover.com/docs/app-configuration.html#environment-variables
from caprover.
I understand, you should pass the value of the environment variable inside the container.
captain-definition
file:
{
"schemaVersion": 2,
"dockerfileLines": [
"FROM node:18-alpine",
"WORKDIR /app",
"COPY ./package.json /app/",
"RUN npm install && npm cache clean --force",
"COPY ./ /app",
"ARG VITE_HELLO_WORLD",
"ENV VITE_HELLO_WORLD $VITE_HELLO_WORLD",
"ENV NODE_ENV production",
"RUN npm run build",
"CMD [ \"npm\",\"run\", \"preview\" ]"
]
}
-
ARG VITE_HELLO_WORLD
: Defines a build argument for the environment variable "VITE_HELLO_WORLD". This argument can be provided during the build process. -
ENV VITE_HELLO_WORLD $VITE_HELLO_WORLD
: Sets the environment variable "VITE_HELLO_WORLD" to the value of the build argument. This allows the environment variable to be customized during container build, for example, when using CapRover.
from caprover.
Yes, that's correct! 👍
from caprover.
Related Issues (20)
- MongoBD in CapRover App cannot connect from local machine HOT 2
- [Question] HOT 1
- Issue with using Redis app HOT 1
- [Question] Configure app CPU and Memory limits HOT 1
- View application logs from the CLI
- [Deployment Issue] Verification Failed HOT 5
- [Feature] Build from personal one click application git repository HOT 1
- Lobe-Chat One-Click App Deployment Help / New Add HOT 1
- [Question] Unable to access CapRover dashboard after domain expiration HOT 4
- Support Default Seettings for Containers
- OpenVPN fails enabling HTTPS HOT 3
- CapRover is no longer open source but still lists open source on the website and documentation. HOT 1
- CapRover isn't Open Source, and denies the Open Source Initiative's definition of it HOT 3
- Caprover not replicating new one click apps and not neither restarting HOT 2
- [Question] CertBot Docker container using a no longer supported version HOT 1
- directory index of "/app/" is forbidden [Question] HOT 4
- [Question] how to add mimtype? HOT 1
- Deploying Caprover - ARM SSL Error HOT 4
- [Deployment Issue] On Click App Strapi HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from caprover.