vue.js - 插件内的 Nuxt privateRuntimeConfig 访问

标签 vue.js plugins environment-variables nuxt.js

Nuxt 2.13 发布 runtimeConfig并告诉我们在此 article 中从 dotenv 迁移
我创建了一个 .env 我在其中写入变量并确保在我的 中被忽略的文件.gitignore 文件。
在 nuxt.config.js 我添加了休耕

privateRuntimeConfig: {
    apiKey: process.env.apiKey,
}
像这样我可以在 nuxt.config.js 中访问我的 apiKey 并且它运行良好。但是我使用 plugin对于谷歌地图,我需要将 apiKey 放在我创建的插件 js 文件中。我正在尝试这样的事情,但我无法访问我的 .env 变量。
import Vue from 'vue'
import x5GMaps from 'x5-gmaps'

export default ({ app }) => { Vue.use(x5GMaps, app.context.$config.apiKey) }

最佳答案

尝试这个:

export default ({ app }) => { Vue.use(x5GMaps, app.$config.apiKey) }
但它只适用于 publicteRuntimeConfig

关于vue.js - 插件内的 Nuxt privateRuntimeConfig 访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63691091/

相关文章:

php - 阻止新的 WordPress 用户登录,直到手动登录 "activated"?

php - LAMP 环境变量 ($PATH) 出现问题

c++ - C++ main() 的第三个环境变量参数有什么用?

javascript - VueJS : Child component not getting prop data from parent

javascript - 我可以让 Vue.js 跨站点保持事件状态吗?

android - 我如何排除类被 maven-emma 插件检测?

java - Bukkit插件: Can't import command

scala - 如何在 ubuntu 上重新配置 scala 的版本?

vue.js - 无法在 vuejs-datepicker 上禁用过去的日期

vue.js - Nuxt.js:包含字体文件:使用/static 或/assets