axios封装

封装自定义axios的方法。

创建js文件

创建一个js文件作为封装配置,引入axios

1
import axios from "axios";

创建一个axios实例进行自定义配置

1
2
3
4
const instance = axios.create({
baseURL: 'http://xxx.xxx',
timeout: 5000,
})

各类请求封装

封装get

1
2
3
4
5
export function get(url, params) {
return instance.get(url, {
params
})
}

封装post

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
export function post(url, params) {
return instance.post(url, params, {
transformRequest: [
function (data) {
let str = '';
for (let key in data) {
str += encodeURIComponent(key) + '=' + encodeURIComponent(data[key]) + '&';
}
return str;
}
],
headers: {
"Content-Type": "application/x-www-form-urlencoded"
}
})
}

封装delete

1
2
3
export function del(url) {
return instance.delete(url)
}

引用方式

在别的文件中引用

1
import {方法名} from '封装js文件路径'
作者

亦初

发布于

2022-03-14

更新于

2024-06-19

许可协议

评论

:D 一言句子获取中...

加载中,最新评论有1分钟缓存...