axios简易封装

/* 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)
    })
*/
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容