/* eslint-disable */
import axios from 'axios'
import { Message } from 'element-ui' // element库的消息提示,可以不用
// 创建axios实例
var service = axios.create({
baseURL: 'http://192.168.0.153:8090',
timeout: 5000
// headers: {
// 'content-type': 'application/json',
// "token": '14a1347f412b319b0fef270489f'
// }
})
export default {
get (url, param) {
return new Promise((cback, reject) => {
service({
method: 'get',
url,
params: param,
}).then(res => {
// axios返回的是一个promise对象
var res_code = res.status.toString()
if (res_code.charAt(0) == 2) {
cback(res) //cback在promise执行器内部
} else {
console.log(res, '异常1')
}
}).catch(err => {
if (!err.response) {
console.log('请求错误')
// Message是element库的组件,可以去掉
Message({
showClose: true,
message: '请求错误',
type: 'error'
})
} else {
reject(err.response)
console.log(err.response, '异常2')
}
})
})
},
post (url, param) {
return new Promise((cback, reject) => {
service({
method: 'post',
url,
params: param,
}).then(res => {
// axios返回的是一个promise对象
var res_code = res.status.toString()
if (res_code.charAt(0) == 2) {
cback(res) //cback在promise执行器内部
} else {
console.log(res, '异常1')
}
}).catch(err => {
if (!err.response) {
console.log('请求错误')
// Message是element库的组件,可以去掉
Message({
showClose: true,
message: '请求错误',
type: 'error'
})
} else {
reject(err.response)
console.log(err.response, '异常2')
}
})
})
}
}
/* 用法
this.$http.get('banner/1')
.then(res => {
console.log(res.data)
})
.catch(err => {
console.log(err)
})
*/
axios简易封装
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- kxios/index.js kxios/Kxios.js kxios/defaultConfig.js kxio...
- 一、引入使用axios和使用拦截器(配合vuex使用,一般可以用来加token) /src/utils/reque...
- 话不多说,项目中使用axios,参考了多方大神封装代码,有了这篇文章。 最开始的代码,main.js 最开始只是在...
- 文/婉兮 1 “婚姻就是女人的第二次投胎。” 第一次听到这个说法时,我还是个将婚姻简单理解为,一男一女、一起吃饭睡...