title: Setup for env.development and env.production for vue3 project
body: <p>I followed instructions to create a vite project for Vue3. The method I used did not create any env.development or env.production files, so I have little context reading the documentation. I'm guessing that I need something there, but what?</p>
  <p>It compiles but fails on the router here:</p>
  <pre><code>import { createWebHistory, createRouter, RouteRecordRaw } from &quot;vue-router&quot;;
  
  const history = createWebHistory();
  const routes: Array&lt;RouteRecordRaw&gt; = [
    {
      path: &quot;/&quot;,
      name: &quot;Appointments&quot;,
      component: () =&gt; import(&quot;../views/Appointments.vue&quot;),
    },
    {
      path: &quot;/pets&quot;,
      name: &quot;Appointments&quot;,
      component: () =&gt; import(&quot;../views/Pets.vue&quot;),
    },
    {
      path: &quot;/Claims&quot;,
      name: &quot;Claims&quot;,
      component: () =&gt; import(&quot;../views/Claims.vue&quot;),
    },
  ];
  const router = createRouter({
    //fails on this line:
    history: createWebHistory(process.env.BASE_URL),
    routes,
  });
    
  export default router;  
  </code></pre>
  <p>How do I set base url?</p>