环境变量在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>
获取这些环境变量的正确方法是什么?