vue 数据请求content-type 全局设置
时间: 2023-12-29 12:26:24 浏览: 218
在Vue中,可以使用axios库进行数据请求。要设置全局的Content-Type,可以在项目的入口文件(通常是main.js)中进行配置。
首先,需要安装axios库:
```shell
npm install axios
```
然后,在main.js中引入axios并进行全局配置:
```javascript
import axios from 'axios'
axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
Vue.prototype.$http = axios
```
这样,每次使用axios发送请求时,都会自动带上Content-Type为application/json;charset=utf-8的请求头。
范例:
```vue
<template>
<div>
hi
</div>
</template>
<script>
export default {
name: "ServeDemo",
mounted() {
this.$http.get('/api/list', {
params: {
page: 2
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
}
}
</script>
<style>
</style>
```
阅读全文