封装axios, post,get

import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'
import {
    Message
} from 'element-ui'
// 响应时间
axios.defaults.timeout = 5 * 1000
// 配置cookie
// axios.defaults.withCredentials = true
// 配置请求头
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
// 静态资源
Vue.prototype.$static = ''

// 配置接口地址
axios.defaults.baseURL = 'http://192.168.10.189:8083'
// POST传参序列化(添加请求拦截器)
axios.interceptors.request.use(
    config => {
        if (config.method === 'post') {
            config.data = qs.stringify(config.data)
        }
        return config
    },
    err => {
        Message.error('请求错误')
        return Promise.reject(err)
    }
)
// 返回状态判断(添加响应拦截器)
// axios.interceptors.response.use(
//     res => {
//         if (res.data.code === 200) {
//             return res
//         } else {
//             Message.error(res.data.msg)
//         }
//     },
//     err => {
//         Message.error('请求失败,请稍后再试')
//         return Promise.reject(err)
//     }
// )
// 发送请求
export function post(url, params) {
    return new Promise((resolve, reject) => {
        axios
            .post(url, params)
            .then(
                res => {
                    resolve(res.data)
                },
                err => {
                    reject(err.data)
                }
            )
            .catch(err => {
                reject(err.data)
            })
    })
}
export function get(url, params) {
    return new Promise((resolve, reject) => {
        axios
            .get(url, {
                params: params
            })
            .then(res => {
                resolve(res.data)
            })
            .catch(err => {
                reject(err.data)
            })
    })
}

  

posted @ 2018-11-23 10:49  Brian_白  阅读(330)  评论(0编辑  收藏  举报