process.env.变量在本地开发中有效,但在部署到Heroku后就停止工作了,

t2a7ltrp  于 2023-02-08  发布在  其他
关注(0)|答案(1)|浏览(136)

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
21小时前关门了。
Improve this question
变量在本地开发中可以工作,但是在部署到Heroku之后就不能再工作了。我使用nuxt.js
该值显示为undefined:https://prnt.sc/l1GMK6xAQP-V
配置变量是正确的。我重新启动了应用程序。仍然没有。

2lpgd968

2lpgd9681#

好了!
.env文件:

BASE_URL=http://localhost:3000
ORIGIN_HEADER=localhost

nuxt.config.js

export default {
  publicRuntimeConfig: {
    baseUrl: process.env.BASE_URL,
    originHeader: process.env.ORIGIN_HEADER
  }
}

.VUE组件:

<template>
  <div>
    <p>Base URL: {{ baseUrl }}</p>
    <p>Origin Header: {{ originHeader }}</p>
  </div>
</template>
    
<script>
export default {
  computed: {
    baseUrl() {
      return this.$config.baseUrl
    },
    originHeader() {
        return this.$config.originHeader
    }
  }
}
</script>

publicRuntimeConfig旨在用于可安全公开的配置值,如API端点或面向公众的URL。
另一方面,privateRuntimeConfig用于应该保持私有并且不应该公开暴露的配置值,例如API密钥或秘密。

相关问题