/* 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简易封装
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- kxios/index.js kxios/Kxios.js kxios/defaultConfig.js kxio...
- 一、引入使用axios和使用拦截器(配合vuex使用,一般可以用来加token) /src/utils/reque...
- 话不多说,项目中使用axios,参考了多方大神封装代码,有了这篇文章。 最开始的代码,main.js 最开始只是在...
- 文/婉兮 1 “婚姻就是女人的第二次投胎。” 第一次听到这个说法时,我还是个将婚姻简单理解为,一男一女、一起吃饭睡...