Nuxt.js 环境变量配置与使用
// nuxt.config.js
module.exports = {
// ... 其他配置
env: {
customEnvVar: process.env.CUSTOM_ENV_VAR || 'default value'
},
// 在插件中使用环境变量
plugins: [
'~/plugins/myPlugin.js'
],
// 在组件中使用环境变量
// 在组件中可以直接通过process.env来访问环境变量
}
// myPlugin.js
export default ({ app }, inject) => {
// 使用环境变量
console.log(app.env.CUSTOM_ENV_VAR); // 输出：'default value' 或者用户设置的值
};在这个例子中，我们在nuxt.config.js中定义了一个环境变量customEnvVar，并且为它设置了一个默认值。如果在运行时没有通过环境变量导出CUSTOM_ENV_VAR，Nuxt.js将会使用默认值。然后我们创建了一个插件myPlugin.js，在插件中我们可以通过Nuxt的上下文访问这个环境变量。这展示了如何在Nuxt.js中配置和使用环境变量。
评论已关闭