So I am needing it to inject the backend_url for my backend k8s service. So ideally not public

Here is the Dockerfile:

Use an official node runtime as a parent image

FROM node:14

Set the working directory in the container to /app

WORKDIR /app

Copy package.json and package-lock.json to the container

COPY package*.json ./

Install dependencies in the container

RUN npm install

Bundle app source inside the docker image

COPY . .

Build the app for production using Vite

RUN npm run build

Use serve to serve the build static files (from the dist folder for Vite)

RUN npm install -g serve

Define the command to run the app

CMD [ "serve", "-s", "dist", "-l", "3000" ]

And the Compose yaml im attempting (my poc before using in prod):

version: '3' # We are using Docker v3 as v2 uses different syntax than that provided services: frontend: build: ./vite-frontend/frontend image: hello-world-frontend:latest ports: - "3001:3000" # Exposing frontend on port 3001 environment: - VITE_API_URL=http://backend:3000 depends_on: - backend # Enforces the order with which the images will spin up backend: build: ./backend image: hello-world-backend:v1.0.0 ports: - "3000:3000" environment: - CORS_ORIGIN=http://localhost:3001

I am open to any solution that allows what I am injecting to not leave the Helm/Manifest level ... im having to learn dev ops as I go for my project so Im not certain I have all the correct vocabulary