title: Can't Submit Axios Post form Nuxt.js (VueJS)
body: <p>I'm playing around with my first ever form in Vue.  I've created my app with Nuxt.</p>
  
  <p>I'm able to get data via an axios get request from my API but I can't seem to post data.</p>
  
  <p><strong>new.vue</strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;section class="container"&gt;
      &lt;div&gt;
          &lt;h1&gt;Gins&lt;/h1&gt;
          &lt;form @submit.prevent="addGin"&gt;
          &lt;h4&gt;New Product&lt;/h4&gt;
          &lt;p&gt;
              &lt;label for="name" class="input-label"&gt;Title:&lt;/label&gt;
              &lt;input id="name" v-model="title" type="text" name="name" class="input"&gt;
          &lt;/p&gt;
          &lt;p&gt;
              &lt;button type="submit" value="Submit" class="button"&gt;Add Gin&lt;/button&gt;
          &lt;/p&gt;
          &lt;/form&gt;
      &lt;/div&gt;
      &lt;/section&gt;
  &lt;/template&gt;
  &lt;script&gt;
  import axios from 'axios'
  export default {
    data() {
      return {
        title: '',
        errors: []
      }
    },
  
    methods: {
      addGin() {
        axios.post('/apv/v1/gins', this.title)
          .then((Response) =&gt; {})
          .catch((err) =&gt; {
            this.errors.push(err)
          })
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>When clicking the submit button, I'm not receiving any errors, but I can confirm no entry is added to my API database. </p>
  
  <p>My API is running on a different server <code>localhost:4000</code> and I have set up the proxy in <code>nuxt.config.js</code></p>
  
  <pre><code> axios: {
      proxy: true
    },
    proxy: {
      '/api/v1/': 'http://localhost:4000'
    },
  </code></pre>
  
  <p>I've experimented with both <code>&lt;form @submit.prevent="addGin"&gt;</code> and <code>&lt;form v-on:submit.prevent="addGin"&gt;</code> but this doesn't seem to make a difference.</p>
  
  <p>What else might I be missing?</p>