环境变量定义在config/
目录prod.env.js
和dev.env.js
中,如何获取这些变量在 .vue
文件上?
我尝试使用process.env.MY_VAR
假设它是nodejs内置库,它给出了一个错误:
[======= ] 34% (building modules){ SyntaxError: Unexpected token (1:5)
.vue 文件中的最少代码:
<template>
<q-layout>
<div class="layout-view">
<button class="primary" @click="foo">
<i class="on-left">lock</i> Login
</button>
</div>
</q-layout>
</template>
<script>
export default {
data() {
return { url: '' }
}
methods: {
foo: function() {
this.url = process.env.MY_VAR // no error if commented
}
}
}
</script>
获取这些环境变量的正确方法是什么?
最佳答案
在 dev.env.js
和 prod.env.js
中,您可以编写如下内容:
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
MY_VAR: '"something"'
})
然后您可以在 Quasar 应用代码中使用 process.env.MY_VAR
。
注意引号+双引号。 Quasar 中的构建过程使用 Webpack 的 DefinePlugin ( https://webpack.js.org/plugins/define-plugin/ ),它需要 JSON 编码值。使用 JSON.stringify()
来获取更复杂的值,例如 JS 对象。
关于vuejs2 - 如何从Quasar框架获取环境变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43739094/