title: adding headers to nuxt for making api rest call with axios
body: <p>Inside my nuxt application i need to make call to an external api like this (file.vue) : </p>
  
  <pre><code> &lt;template&gt;
    &lt;div class="container"&gt;
      &lt;h1&gt;{{ post.title }}&lt;/h1&gt;
      &lt;pre&gt;{{ post.body }}&lt;/pre&gt;
      &lt;p&gt;&lt;nuxt-link to="/posts"&gt;Back to the list&lt;/nuxt-link&gt;&lt;/p&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
    async asyncData({ app }) {
      let { data } = await app.$axios.$get(`http://my.api.adress:8001/competition/sport/4?_format=json&amp;limit=20&amp;offset=0`)
      return { post: data }
    },
    head() {
      return {
        title: this.post.title
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>To make this call works i need to pass tree arguments to my headers. Anyone has an idea on how to do that to make it work for all api call in nuxt ?</p>