在 Vue 中設置請求的 Header 有以下幾種方法:
axios.defaults.headers
設置全局的 Header。可以在 main.js
中通過 axios.defaults.headers.common
設置所有請求的 Header,也可以在每個請求中通過 axios.defaults.headers.get
、axios.defaults.headers.post
等方法設置特定請求的 Header。// main.js
import axios from 'axios'
axios.defaults.headers.common['Authorization'] = 'Bearer token'
// 或者
axios.defaults.headers.get['Authorization'] = 'Bearer token'
axios.defaults.headers.post['Content-Type'] = 'application/json'
headers
屬性設置請求的 Header。axios.get('/api', {
headers: {
'Authorization': 'Bearer token',
'Content-Type': 'application/json'
}
})
axios.interceptors.request.use
方法設置每個請求的 Header。axios.interceptors.request.use(function (config) {
config.headers['Authorization'] = 'Bearer token'
return config
}, function (error) {
return Promise.reject(error)
})
以上是常用的設置請求的 Header 的方法,具體使用哪種方法取決于你的需求和項目的架構。