Vue.js是一個非常受歡迎的前端框架，它的MVVM架構和響應式數據流讓前端開發變得更加高效和簡潔。在Web應用程序中，請求頭（header）是非常重要的一部分。它能夠幫助Web應用程序實現用戶身份驗證、會話管理等功能。在Vue中使用header token，可以有效地保護Web應用程序的安全。

在Vue中使用header token，建議使用Axios，這是一個基于Promise的HTTP客戶端，可與Vue.js一起使用。Axios支持header選項，您可以在其中包含Authorization Header。這個Authorization Header可以包含您需要發送到API的身份驗證令牌（token）。

import axios from 'axios'
const instance = axios.create({
baseURL: 'https://your-api-url.com',
timeout: 5000,
})
instance.interceptors.request.use((config) =>{
const token = localStorage.getItem('token')
if (token) {
config.headers.Authorization = `Bearer ${token}`
}
return config
}, (error) =>{
return Promise.reject(error)
})
export default instance

在上面的代碼中，我們首先導入Axios，并創建一個instance，然后通過interceptor攔截器，將Authorization Header設置為token值。在這里，我們使用localStorage來獲取token。

現在您可以使用instance對象來發送帶有Authorization Header的請求了：

import instance from './axiosInstance'
instance.get('/your-url').then((response) =>{
console.log(response)
}).catch((error) =>{
console.log(error)
})

在上面的代碼中，我們首先導入之前創建的instance對象，然后使用該對象發送get請求，該請求將發送包含Authorization Header的header。

在使用Vue時，將header token添加到請求頭是非常簡單的。Axios提供了非常方便的方法來實現這個目的。使用Vue和Axios，您可以在請求頭中包含身份驗證令牌（token），從而保護您的Web應用程序的安全。