VUE 封装axios

最开始vue项目里请求数据，我使用的是依赖vue的插件——vue-resource，后来得知vue官方已经不在维护了，果断弃用，转使用axios。

首先先局部安装axios

npm install -D axios

 安装成功后新建http.js文件

import Vue from 'vue'
import axios from 'axios'
let backendUrl = config.api

let BaseHttpRequest = {
    /**
     * 获取数据
     * @param {String} api 请求路由
     * @param {Object} params  查找数据
     */
    getData (api, params) {
        return new Promise((resolve, reject) =>{        
            axios.get(`${backendUrl}${api}`, { params: params }).then(res => {
                resolve(res.data)
            }).catch(err => {
                reject(err)        
            })
        })
    },
    /**
     * 提交数据
     * @param {String} api 请求路由
     * @param {Object} params  查找数据
     */
    postData (api, params) {
        return new Promise((resolve, reject) => {
            axios.post(`${backendUrl}${api}`, params).then(res => {
                resolve(res.data)
            }).catch(err => {
                reject(err)
            })
        })
    }
}

export default BaseHttpRequest