溫馨提示×

vue請求設置header的方法有哪些

vue
小億
1198
2023-08-04 23:44:01
欄目: 編程語言

在 Vue 中設置請求的 Header 有以下幾種方法:

  1. 使用 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'
  1. 在每個請求中通過 headers 屬性設置請求的 Header。
axios.get('/api', {
headers: {
'Authorization': 'Bearer token',
'Content-Type': 'application/json'
}
})
  1. 使用攔截器設置請求的 Header??梢栽谡埱蟀l送前通過 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 的方法,具體使用哪種方法取決于你的需求和項目的架構。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女