title: Use environment variables in Laravel Nova
body: <p>I am trying to follow: <a href="https://laravel.com/docs/9.x/mix#environment-variables" rel="nofollow noreferrer">https://laravel.com/docs/9.x/mix#environment-variables</a></p>
  <p>My project setup is</p>
  <ul>
  <li>Laravel Framework 8.4</li>
  <li>Php 7.4</li>
  <li>Laravel Nova 3.0</li>
  </ul>
  <h4><code>.vue</code> file in <code>/nova-components/Nova-Component-Name/resources/js/components/ComponentName</code></h4>
  <pre class="lang-js prettyprint-override"><code>export default {
      name: &quot;SomeName&quot;,
      components: {
          SomeComponent,
      },
      data: () =&gt; ({
          baseURL: process.env.MIX_APP_URL
      }),
  }
  </code></pre>
  <h4><code>.env</code> file</h4>
  <pre><code>MIX_APP_URL=&lt;url&gt;
  </code></pre>
  <h4><code>webpack.mix.js</code> file</h4>
  <pre><code>const mix = require('laravel-mix');
  
  /*
   |--------------------------------------------------------------------------
   | Mix Asset Management
   |--------------------------------------------------------------------------
   |
   | Mix provides a clean, fluent API for defining some Webpack build steps
   | for your Laravel application. By default, we are compiling the Sass
   | file for the application as well as bundling up all the JS files.
   |
   */
  
  mix.js('resources/js/app.js', 'public/js')
      .sass('resources/sass/app.scss', 'public/css');
  </code></pre>