axios基础封装

最新推荐文章于 2023-06-05 12:33:15 发布

原创最新推荐文章于 2023-06-05 12:33:15 发布 · 215 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

本文介绍了一个集成Axios和qs模块的封装方法，用于处理HTTP请求，包括GET和POST方法。通过示例代码展示了如何根据不同请求类型设置参数，并提供了一种动态切换测试和线上环境的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import axios from ‘axios’;
import qs from ‘qs’;
export default{
requestUrl:{
problemlList:‘接口地址’
},
request:(url,method,data,header,callback)=>{
url=="/jrbt-h5/user/clickHistory4h5" ? url=“测试域名”+url : “线上域名”+url;
axios({
method: method,
url: url,
headers: header,
params: method == “get”? qs.stringify(data) : ‘’,
data: method == “post” ? qs.stringify(data) : ‘’,
}).then((suc)=>{
callback(suc);
}).catch((error)=>{
callback(error);
})
},
Get:function(url,data,header,callback){
return this.request(url,‘get’,data,header,callback)
},
Post:function(url,data,header,callback){
return this.request(url,‘post’,data,header,callback)
}
}