Quasar Frameworkから環境変数を取得する方法

Question

環境変数は、config/ディレクトリprod.env.jsとdev.env.jsで定義されています。これらの変数を.vueファイルでどのように取得するのですか？

私はそれがnodejsビルトインのライブラリと仮定process.env.MY_VARを使用して試してみたが、それはエラーを与える：

[=======    ] 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> 

それらの環境変数？

module.exports = merge(prodEnv, { 
    NODE_ENV: '"development"', 
    MY_VAR: '"something"' 
}) 

次に、あなたがあなたのクエーサーアプリコードでprocess.env.MY_VARを使用することができます。

Answer 1

dev.env.jsで

とprod.env.jsはあなたのような何かを書きます。

引用符+二重引用符に注意してください。 Quasarのビルドプロセスでは、WebpackのDefinePlugin（https://webpack.js.org/plugins/define-plugin/）を使用しており、JSONエンコード値が必要です。 JSオブジェクトのようなより複雑な値にはJSON.stringify()を使用してください。