Question

我有一个vue.js前端连接到Express node.js后端。前端和后端都在Kubernetes上的单独Docker容器中运行。通过邮递员调用URL时，我在后端创建了一条路由来显示Kubernetes Pod名称：

app.get('/api/probe1', (req, res) => {
    res.send("Hello from: " + process.env.HOSTNAME)
})

上面显示了运行BACKEND容器的Pod的名称。

我现在想在我的vue.js应用程序中创建一个页面，该页面将显示运行FRONTEND容器的Pod的名称。编辑：（根据vue.js下方的注释，实际上不是 running 在Pod上运行，但在静态Pod上运行的是为静态html / js提供服务的nginx。

当我在vue.js应用程序中使用process.env.HOSTNAME时，当我进行console.log记录时，它会显示“ undefined”。 编辑：（我现在知道为什么这行不通了

<template>
<div>{{displayPodName}}
  <p>Hello from the Pod</p>
</div>
</template>
<script>
export default {  
        data(){
            return{
                displayPodName:""
        }
    },
    mounted(){
        this.displayPodName=process.env.HOSTNAME
        console.log(process.env.HOSTNAME)
     }
}
</script>

我显然是从错误的角度解决这个问题。如何显示Pod的名称编辑：~~前端在我的Vue.js应用中的某处运行~~，其中特定的nginx服务器将html / js服务到其中的前端任何给定的会话吗？

如何在Vue.js应用程序中显示Kubernetes Pod名称

0 个答案: