温馨提示×

vue请求设置header的方法有哪些

vue
小亿
1133
2023-08-04 23:44:01
栏目: 编程语言

在 Vue 中设置请求的 Header 有以下几种方法:

  1. 使用 axios.defaults.headers 设置全局的 Header。可以在 main.js 中通过 axios.defaults.headers.common 设置所有请求的 Header,也可以在每个请求中通过 axios.defaults.headers.getaxios.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。可以在请求发送前通过 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