首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在带有Docker的Nuxt中使用环境变量的最佳方法是什么?

在带有Docker的Nuxt中使用环境变量的最佳方法是什么?
EN

Stack Overflow用户
提问于 2022-08-19 07:51:46
回答 1查看 218关注 0票数 1

我试图在我的nuxt2.15.8项目中使用环境变量来进行开发和生产。首先,我使用了.env文件,然后在文档中看到,我可以使用runTimeConfig作为最佳实践。

所以我试着用:

代码语言:javascript
运行
复制
// nuxt.config.js
export default {
  publicRuntimeConfig: {
    apiUrl: process.env.API_URL,
    bucket: process.env.BUCKET,
  },
  privateRuntimeConfig: {
    passwordEncryptKey: process.env.PASSWORD_ENCRYPT_KEY,
  }
}

然后我的vue文件this.$config.apiUrl用于publicRuntimeConfig,它可以工作,我可以看到变量,但是对于privateRuntimeConfig,它不能工作,如何在我的项目中使用privateRuntimeConfig?例如,我需要在“方法”属性或“数据”属性中使用它们,但不将它们暴露给浏览器?或者我应该用其他方式代替privateRuntimeConfig

EN

回答 1

Stack Overflow用户

发布于 2022-08-19 08:04:09

privateRuntimeConfig只在服务器上可用,如下所述:https://nuxtjs.org/docs/configuration-glossary/configuration-runtime-config#privateruntimeconfig

因此,您只能在服务器端使用它,可能目前无法在您认为的位置使用它。最后,Nuxt是一个前端,所以您不能真正隐藏数据本身。您想要在客户端使用的所有内容都必须公开。

否则,使用一些中间件或无服务器功能,如下所述:

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73413495

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档