Vue Resource可以幫助我們在Vue應用程序中方便地與后端API進行交互，但很多時候我們需要在訪問API時，需要附加一些認證信息等在Header中。這篇文章將介紹如何使用Vue Resource獲取API Header。

在使用Vue Resource的時候，我們需要在main.js中引入并安裝Vue Resource：

import Vue from 'vue'
import VueResource from 'vue-resource'
Vue.use(VueResource)

接下來，我們可以通過Vue Resource發送HTTP請求，并在請求配置中定義header：

this.$http.get('/api/users', {
headers: {
Authorization: 'Bearer ' + token
}
}).then(response =>{
console.log(response.body)
})

在這個例子中，我們向“/api/users”發送了一個GET請求，并在請求配置中定義了Header，指定了Authorization并攜帶我們的token。

除此之外，我們還可以為所有API請求設置Header，通過Vue Resource的interceptors來實現。interceptor允許我們在每個請求之前和之后對請求和響應進行修改。

Vue.http.interceptors.push((request, nex) =>{
request.headers.set('Authorization', 'Bearer ' + token)
next()
})

在這個例子中，我們創建了一個全局的interceptor，并為所有請求設置了Authorization Header。interceptor是在請求開始之前設置，在下一個攔截器之前調用，每個請求都會經過它。

除了上述方法，我們還可以通過簡單的函數來動態計算Header，例如：

this.$http.get('/api/users', {
headers: function() {
return {
Authorization: 'Bearer ' + getToken()
}
}
}).then(response =>{
console.log(response.body)
})

在這個例子中，我們使用一個函數來動態計算Authorization Header，這可以方便地在不同時間和情況下設置不同的Header。

通過上述方法，我們可以方便地在Vue應用程序中獲取API Header，以實現更加強大的HTTP請求功能。