我试图在我的nuxt2.15.8项目中使用环境变量来进行开发和生产。首先,我使用了.env文件,然后在文档中看到,我可以使用runTimeConfig作为最佳实践。
所以我试着用:
// 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
发布于 2022-08-19 08:04:09
privateRuntimeConfig
只在服务器上可用,如下所述:https://nuxtjs.org/docs/configuration-glossary/configuration-runtime-config#privateruntimeconfig
因此,您只能在服务器端使用它,可能目前无法在您认为的位置使用它。最后,Nuxt是一个前端,所以您不能真正隐藏数据本身。您想要在客户端使用的所有内容都必须公开。
否则,使用一些中间件或无服务器功能,如下所述:
https://stackoverflow.com/questions/73413495
复制相似问题