Enviroment Variables not working in GCP in deployment APP - NuxtJS 3 - google-cloud-platform

Question

I'm trying to deploy my app in NuxtJS 3, using environment variables.
However, the environment variables are not being recognized when I deploy to GCP in a Cloud Run. Next I will show you my configuration.
This is my Docker file:
# Stage 1 - build
FROM node:14 AS builder
WORKDIR /app
COPY package\*.json ./
RUN npm install
COPY . .
RUN npm run build
# Stage 2 - production
FROM node:14 AS final
WORKDIR /usr/src/app
ADD package.json .
ADD nuxt.config.ts .
COPY --from=builder /app/.nuxt ./.nuxt
COPY --from=builder /app/.output ./.output
COPY --from=builder /app/node_modules ./.output/server/node_modules
ENV NUXT_HOST=0.0.0.0
ENV NUXT_PORT=3000
EXPOSE 3000
ENTRYPOINT ["node", ".output/server/index.mjs"]
This is my nuxt.config.ts:
let enviroment = process.env.NODE_ENV !== 'production'
export default defineNuxtConfig({
css: [
...
],
postcss: {
plugins: {
...
},
},
runtimeConfig: {
public: {
baseUrl: enviroment ? process.env.BASE_URL_TST : process.env.BASE_URL_PRD
}
}
})
When I deploy my app in GCP, I'm using the following command:
gcloud run deploy ${APP_NAME_CLOUD_RUN} --image gcr.io/${APP_NAMESPACE}/${APP_NAME_CLOUD_RUN} --region us-central1 --tag blue --set-env-vars NODE_ENV=test,BASE_URL_TST=http://test.domain.org/api/,BASE_URL_PRD=http://prd.domain.org/api/
In my login.ts file (store in stores directory), I put this for check if my public URL have the value:
const config = useRuntimeConfig()
console.log('Configuration Runtime: ', config)
But in my browser, when I check the console.log of my useRuntimeConfig() function, I get the following:
config Runtime:
Proxy {
app {
baseURL: "/",
buildAssetsDir: "/_nuxt/",
cdnURL : ""
},
public { /* EMPTY */ } }
}
I check the environment variables in the cloud run and they are created correctly.
When I run the app using npm run dev on localhost, the variables do work (.env file). Am I doing something wrong?
I'm trying to deploy to GCP (Cloud Run) using the environment variables for the files in stores folder.
I try to make my project recognize these variables in the runtimeConfig section of nuxt.config.ts but it doesn't work for me.
I hope to be able to make the environment variables recognized to call the APIs according to the deployed environment.

Answer 1

The command to set env vars looks ok.
May I suggest to use the module dotenv? https://www.npmjs.com/package/dotenv
Example:
require('dotenv').config()
console.log(process.env) //
I use it in my Cloud run services and they work as expected.