axios 封装
2018-12-09 11:19:31来源:博客园 阅读 ()
来自:https://www.jianshu.com/p/68d81da4e1ad 侵删
import axios from 'axios' import qs from 'qs' let baseurl = 'http://localhost:8081/api' function getRequest (apiPath, params, successCallback, errorCallback) { let url = baseurl + apiPath let req = axios.get(url, { params: params, paramsSerializer: params => { return qs.stringify(params, { indices: false }) }}) thenResponse(req, successCallback, errorCallback) } function postRequest (apiPath, params, successCallback, errorCallback) { let url = baseurl + apiPath let req = axios.post(url, qs.stringify(params, { indices: false })) thenResponse(req, successCallback, errorCallback) } function putRequest (apiPath, params, successCallback, errorCallback) { let url = baseurl + apiPath // var params = new URLSearchParams() // params.append('status', 0) let req = axios.put(url, qs.stringify(params, { indices: false })) thenResponse(req, successCallback, errorCallback) } function deleteRequest (apiPath, params, successCallback, errorCallback) { let url = baseurl + apiPath let req = axios.delete(url, { params: params, paramsSerializer: params => { return qs.stringify(params, { indices: false }) }}) thenResponse(req, successCallback, errorCallback) } /** * 请求结果处理 * @param axiosRequest * @param successCallback * @param errorCallback */ function thenResponse (axiosRequest, successCallback, errorCallback) { axiosRequest.then((res) => { if (res.status === 200) { res = res.data if (res.code === 0) { if (successCallback) successCallback(res) } else { if (errorCallback) errorCallback(res.code, res.msg) } } }).catch((error) => { if (errorCallback) errorCallback(-1, error.message) }) } export { getRequest, postRequest, putRequest, deleteRequest }
调用
//导入封装axios的js文件 import {getRequest, deleteRequest} from 'utils/api' //发送delete请求,带数组参数 与 普通参数 deleteRequest('/admin/user/del', { token: ‘SDFSDIFJSIODFKMSDOFM,SDOPFK’, ids: [1,2,3,4,5,6] }, function (res) { _this.$alert('删除成功') }, function (errcode, errmsg) { _this.$alert('code ' + errcode + ' ,meaasge ' + errmsg) }) //发送GET请求 getRequest('/admin/users', { status: 0, pageNum: this.currentPage, pageSize: count, token: '111' }, function (res) { _this.totalPage = res.data.total }, function (errcode, errmsg) { _this.$alert('code ' + errcode + ' ,meaasge ' + errmsg) })
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- element-ui table 默认全选 2019-08-14
- vue 鼠标移入移出事件执行多次(尤其ie) 2019-08-14
- vue学习【一】vue引用封装echarts并展示多个echarts图表 2019-08-14
- 三、VUE项目BaseCms系列文章:axios 的封装 2019-08-14
- JS函数 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash