Vue js 无法获取配置值

Question

console.log(process.env.test); 打印未定义。

我的 dev.env.js 文件中有以下配置。有什么我遗漏的吗？

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  TEST: '"http://localhost/api"'
})

Answer 1

如果您使用的是最新的 VueJS，您应该在 ENV 变量前加上 VUE_APP_。参见 the documentation。

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  VUE_APP_TEST: '"http://localhost/api"'
})

另外，请注意 NODE_ENV 和 BASE_URL 是此规则的两个例外。

Vue js 无法获取配置值

Vue js not able to get config value

javascript

vue.js