vue2项目中axios中带请求头的封装
时间: 2023-09-22 19:11:33 浏览: 74
Vue项目中如何使用Axios封装http请求详解
5星 · 资源好评率100%
好的,下面是一个简单的封装示例:
```
// api.js
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://your-api-base-url.com',
timeout: 10000,
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + localStorage.getItem('token') // 带上token
}
});
export const get = (url, params = {}) => {
return instance.get(url, { params });
};
export const post = (url, data = {}) => {
return instance.post(url, data);
};
```
然后在需要发送请求的地方引入该封装模块即可:
```
import { get, post } from './api.js';
get('/users', { id: 123 }).then(res => {
console.log(res.data);
});
post('/login', { username: 'user', password: 'pass' }).then(res => {
console.log(res.data);
});
```
注意:该示例仅供参考,实际使用时需要根据自己的需求进行改进。
阅读全文