内置的Vue.js应用程序是否可以读取Kubernetes部署中定义的环境变量？

如何解决内置的Vue.js应用程序是否可以读取Kubernetes部署中定义的环境变量？

所以我有一个项目，该项目构建了3个相互连接的kubernetes Pod，即server，manager和browser，浏览器部分是使用Vue.js实现的，其他正在使用Python Flask。

我有一个configMap，用于存储其服务的地址，该地址应由以下三个地址共享：

apiVersion: v1
kind: ConfigMap
metadata:
  name: env-config
data:
  SERVER_ADDRESS: http://ai-recommender-service:3518
  MANAGER_ADDRESS: http://manager-service:2354

使用browser，部署部分如下：

apiVersion: apps/v1
kind: Deployment
metadata:
  name: browser-deployment
  labels:
    app: browser
spec:
  replicas: 1
  selector:
    matchLabels:
      app: browser
  template:
    metadata:
      labels:
        app: browser
    spec:
      containers:
        - name: browser
          image: browser:latest
          imagePullPolicy: Never
          ports:
            - containerPort: 80
          env:
            - name: MANAGER_ADDRESS
              valueFrom:
                configMapKeyRef:
                  name: env-config
                  key: MANAGER_ADDRESS

在Vue.js项目browser中，我有一个.js文件，该文件试图通过以下方式获取env变量：

const ServiceManagerUrl = process.env.MANAGER_ADDRESS;

但这不起作用。

我知道还有其他方法，例如在根文件夹中创建一个带有前缀.env的变量VUE_APP_，然后使用process.env.VUE_APP_MANAGER_ADDRESS之类的文件加载它，但是Vue.js有什么方法可以直接获取通过Kubernetes部署传递的环境变量（因为这些变量由系统的其他部分共享），而不必求助于创建额外的文件？

-添加--

Dockerfile of browser

# build stage
FROM node:14-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

# production stage
FROM nginx:stable-alpine as production-stage
COPY --from=build-stage /app/dist /usr/share/nginx/html
EXPOSE 80
CMD ["nginx","-g","daemon off;"]