Vue中axios请求头缺少token
时间: 2023-11-05 07:14:24 浏览: 192
VUE项目axios请求头更改Content-Type操作
5星 · 资源好评率100%
如果Vue中axios请求头缺少token,可以通过以下步骤来解决:
1. 在Vue项目中安装axios和vue-axios库,可以使用以下命令:
```
npm install axios vue-axios --save
```
2. 在Vue项目的main.js文件中引入axios和vue-axios库,并将axios实例设置为Vue的原型属性,以便在组件中使用。
```
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
Vue.prototype.$http = axios.create({
baseURL: 'http://localhost:3000/api',
timeout: 5000,
headers: {
'Content-Type': 'application/json'
}
})
```
3. 在需要发送请求的组件中,通过设置请求头的方式添加token信息。
```
this.$http({
method: 'get',
url: '/users',
headers: {
Authorization: 'Bearer ' + token
}
}).then(response => {
console.log(response.data)
}).catch(error => {
console.log(error)
})
```
其中,Authorization字段的值为'Bearer ' + token,其中token为当前用户的token信息。这样,就可以在请求头中添加token信息,保证请求成功。
阅读全文