API 环境变量
环境变量配置
类型: Object
Nuxt.js 让你可以配置在客户端和服务端共享的环境变量。
例如 (nuxt.con.js):
module.exports = { env: { baseUrl: process.env.BASE_URL || 'http://localhost:3000' } }
以上配置我们创建了 baseUrl 环境变量,如果应用设定了 BASE_URL 环境变量,那么 baseUrl 的值等于 BASE_URL 的值,否则其值为 http://localhost:3000。
然后, 我们可以通过以下两种方式来使用 baseUrl 变量:
通过 process.env.baseUrl
通过 context.baseUrl,请参考context api
你可以使用 env 配置第三方服务的公钥信息。
举个例子, 我们可以利用它来配置 的实例。
plugins/axios.js:
import axios from 'axios' export default axios.create({ baseURL: process.env.baseUrl })
然后在中,我们可以使用 import axios from '~/plugins/axios' 引入 axios 模块。
注入环境变量
如果在构建阶段定义以NUXT_ENV_开头的环境变量,例如:NUXT_ENV_COOL_WORD=freezing nuxt build,它们将注入环境变量中。请注意,它们可能优先于nuxt.con.js中具有相同的已定义变量。
process.env == {}
请注意,Nuxt使用webpack的definePlugin来定义环境变量。这意味着Node.js中的process或process.env既不可用也不能定义。nuxt.con.js中定义的每个env都单独映射到process.env.xxxx并在编译期间进行转换编译。
意思是,console.log(process.env)将{},但console.log(process.env.you_var)仍将您的值。它将process.env.your_var的所有实例替换为您将其设置为的值。即:env.test ='testing123'。如果你在中的某个地方使用process.env.test,它实际上被翻译成'testing123'。
编译前:
if (process.env.test == 'testing123')
编译后:
if ('testing123' == 'testing123')