vue 配置资源的请求头
时间: 2023-05-10 17:01:22 浏览: 163
Vue框架可以通过config配置对象,来配置资源的请求头。具体的配置方式如下:
在Vue的根实例中,可以通过在配置对象config里面设置headers属性来配置请求头。例如:
```
new Vue({
config: {
headers: {
'Authorization': 'Bearer xxxxxx', // 设置请求头的Authorization字段值
'Content-Type': 'application/json' // 设置请求头的Content-Type字段值
}
}
})
```
也可以通过Vue.prototype.$http.defaults.headers设置全局的请求头信息。例如:
```
import axios from 'axios'
Vue.prototype.$http = axios
Vue.prototype.$http.defaults.headers.common['Authorization'] = 'Bearer xxxxxx' // 设置全局请求头的Authorization字段值
Vue.prototype.$http.defaults.headers.post['Content-Type'] = 'application/json' // 设置全局请求头的Content-Type字段值
```
如果只是在单独的请求中,需要设置请求头的话,可以通过axios库提供的方法来实现:
```
import axios from 'axios'
axios.get('/api/data', {
headers: {
'Authorization': 'Bearer xxxxx', // 单独请求设置Authorization字段值
'Content-Type': 'application/json' // 单独请求设置Content-Type字段值
}
})
```
综上所述,Vue框架可以通过config配置对象、Vue.prototype.$http.defaults.headers以及axios库提供的方法来配置资源的请求头。
阅读全文