import axios from 'axios';
import Qs from 'qs'; // 如果只是post请求就不需要引qs
/**
* 封装的一个请求方法
* @param path 请求路径
* @param params 参数，对象形式 get请求也是对象形式
* @param method POST，GET
* @returns {Promise<unknown>}
*/
function request(path, params, method = 'GET') {
let data = {};
let newAxios = axios.create({}); // 根据指定配置创建一个新的 axios，也就是每个新 axios都有自己的配置
// 设置请求头
if (method === 'POST') { // post请求
newAxios.defaults.headers['Content-Type'] = 'application/json;charset=UTF-8';
data = params;
}
if (method === 'GET') { // get请求
newAxios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
if (JSON.stringify(params) !== '{}') {
path = path + '?' + Qs.stringify(params);
}
}
// 请求拦截
newAxios.interceptors.request.use( (config) => {
// 设置请求头可在此配置
return config;
}, (error) => {
return Promise.reject(error);
});
// 响应拦截
newAxios.interceptors.response.use(response => {
if (response.status === 200) {
return response.data.data;
} else{
return Promise.reject(response);
}
});
// 发送请求
return new Promise((resolve, reject) => {
newAxios({
method,
url: path,
data
}).then(result => {
resolve(result)
}).catch(err => {
reject(err)
})
})
}
export default request;
封装axios
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 思路：axios设置公共请求头：通过axios配置，设置统一的baseURL;开发环境 & 生产环境接口地址: 通...
- 我们从封装axios请求中来讲解拦截器 首先引入axiosimport axios from 'axios' 创建...
- axios中get请求与post请求的简单函数封装，axios全局请求参数设置，请求及返回拦截器 一、 https...
