title: Nuxt JS and Axios not fetching api data after beign deployed to Vercel
body: <h3>Problem Explained</h3>
  <p>I am having trouble with using Axios or fetch in nuxt. Everything works well locally but once I have deployed it to vercel it just doesn't fetch API data again. GraphQL works alright but Axios doesn't work.</p>
  <p>I am trying to fetch blog posts from my strapi backend deployed on Heroku! I tried the fetch hook, asyncData (It just doesn't work locally nor on the server), async mounted also doesn't work.</p>
  <h1>My Code</h1>
  <h3>With asyncData:</h3>
  <pre class="lang-js prettyprint-override"><code>export default {
      props: {
          slug: {
              type: String,
              required: true,
          },
      },
      async asyncData({ $axios, $props }) {
          let tag = {}
          let tags = []
          await $axios
              .get(
                  `http://bloggish-strapi-backend.herokuapp.com/tags?slug=${$props.slug}`
              )
              .then((res) =&gt; {
                  tags = res.data
                  tag = tags[0] ? tags[0] : null
              })
          return {
              tags,
              tag
          }
      },
  }
  </code></pre>
  <blockquote>
  <p>Doesn't work either ways</p>
  </blockquote>
  <h3>With mounted hook</h3>
  <pre class="lang-js prettyprint-override"><code>export default {
    data() {
          return {
              tags: [],
              tag: {},
          }
      },
      async mounted() {
          await this.$axios
              .get(
                  `http://bloggish-strapi-backend.herokuapp.com/tags?slug=${this.$props.slug}`
              )
              .then((res) =&gt; {
                  this.tags = res.data
                  this.tag = this.tags[0] ? this.tags[0] : null
              })
      },
  }
  </code></pre>
  <blockquote>
  <p>Doesn't work on vercel</p>
  </blockquote>
  <blockquote>
  <p>It's deployed as an SSR project to vercel using the vercel builder</p>
  </blockquote>
  <h3>vercel.json</h3>
  <pre class="lang-json prettyprint-override"><code>{
    &quot;builds&quot;: [
      {
        &quot;src&quot;: &quot;nuxt.config.js&quot;,
        &quot;use&quot;: &quot;@nuxtjs/vercel-builder&quot;,
        &quot;config&quot;: {}
      }
    ]
  }
  
  </code></pre>