title: Vue-cli 3 Environment Variables all undefined
body: <p>I've tried all of the solutions out there but none seem to work for me. I just want to store some values in a <code>.env</code> file within my Vue app but simply trying to log <code>process.env</code> returns an empty object from within the component.</p>
  
  <p>My <code>.env</code> file</p>
  
  <pre><code>VUE_APP_URL={api url}
  VUE_APP_TOKEN={token}
  </code></pre>
  
  <p>My plan was to set these environment variables to data properties but it always returns <code>undefined</code>. If I do <code>console.log(process.env.NODE_ENV)</code> from webpack.config.js it will show that I'm in development but if I tried doing the same from within the component like</p>
  
  <pre><code>mounted() {
      this.$nextTick(() =&gt; {
        console.log(process.env.VUE_APP_URL);
      })
    }
  </code></pre>
  
  <p>It just returns <code>undefined</code>.</p>