vue封装好的axios,如何修改content-type
时间: 2023-11-15 22:15:17 浏览: 235
VUE项目axios请求头更改Content-Type操作
5星 · 资源好评率100%
您使用axios的`defaults.headers`属性来修改请求的Content-Type。
在Vue中,您可以在main.js文件中全局配置axios的默认headers。具体步骤如下:
1. 首先,在main.js文件中导入axios:
```javascript
import axios from 'axios';
```
2. 然后,使用`defaults.headers`来修改Content-Type。例如,将Content-Type设置为`application/json`:
```javascript
axios.defaults.headers['Content-Type'] = 'application/json';
```
3. 最后,将axios实例挂载到Vue的原型上,使其在整个应用中可用:
```javascript
Vue.prototype.$http = axios;
```
现在,您已经成功修改了axios请求的Content-Type为`application/json`。
请注意,如果您需要在某个请求中设置不同的Content-Type,可以在单独的请求中覆盖默认的设置。例如:
```javascript
this.$http.post('/api/endpoint', data, {
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
```
这样就可以在特定的请求中使用不同的Content-Type。
阅读全文