Quasar Framework에서 환경 변수를 가져오는 방법

Quasar Framework에서 환경 변수를 가져오는 방법

환경 변수가 정의되어 있는 위치:config/전화번호부prod.env.js그리고dev.env.js, 변수를 사용하는 방법.vue철해 주시겠습니까?

나는 사용해 보았다.process.env.MY_VARnodejs 내장 라이브러리라고 가정하면 다음과 같은 오류를 발생시킨다.

[=======             ] 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"'
})

그러면 너는 사용할 수 있다.process.env.MY_VAR당신의 Quasar 앱 코드로.

견적 + 이중 견적을 주목하십시오.Quasar의 빌드 프로세스는 웹팩의 DefinePlugin(https://webpack.js.org/plugins/define-plugin/)을 사용하여 JSON 인코딩 값을 요구한다.사용하다JSON.stringify()JS Objects와 같은 더 복잡한 값의 경우.

참조URL: https://stackoverflow.com/questions/43739094/how-to-get-environment-variable-from-quasar-framework