Vuejs2 向nuxt添加头以使用axios进行api rest调用

在我的nuxt应用程序中，我需要调用如下外部api（file.vue）：

{{post.title}}
{{post.body}}
回到名单上来

导出默认值{
异步数据（{app}）{
let{data}=wait app.$axios.$get(`http://my.api.adress:8001/competition/sport/4?_format=json&limit=20&offset=0`)
返回{post:data}
},
总目（）{
返回{
标题：this.post.title
}
}
}

---

要使这个调用工作，我需要将树参数传递给我的头。任何人都知道如何让它在nuxt中的所有api调用中工作吗？

您可以使用for nuxt设置头（您已经这样做了）。

摘自：

setHeader（名称、值、作用域='common'）
名称：标题的名称
值：标题的值
作用域：仅在特定类型的请求上发送。

示例：

---

有关更多信息，请参阅文档：

本例中的

指的是什么？我在文档中看不到它。。
 <template>
  <div class="container">
    <h1>{{ post.title }}</h1>
    <pre>{{ post.body }}</pre>
    <p><nuxt-link to="/posts">Back to the list</nuxt-link></p>
  </div>
</template>

<script>
export default {
  async asyncData({ app }) {
    let { data } = await app.$axios.$get(`http://my.api.adress:8001/competition/sport/4?_format=json&limit=20&offset=0`)
    return { post: data }
  },
  head() {
    return {
      title: this.post.title
    }
  }
}
</script>

// Adds header: `Authorization: 123` to all requests
this.$axios.setHeader('Authorization', '123')

// Overrides `Authorization` header with new value
this.$axios.setHeader('Authorization', '456')

// Adds header: `Content-Type: application/x-www-form-urlencoded` to only 
// post requests
    this.$axios.setHeader('Content-Type', 'application/x-www-form-urlencoded', [
      'post'
    ])

// Removes default Content-Type header from `post` scope
this.$axios.setHeader('Content-Type', false, ['post'])