Vue get请求封装

// 我是写在Vue的Common.js里面的公共方法
http(config) {
    return new Promise((resolve,reject) => {
        axios(config).then((res) => {
            resolve(res);
        }).catch((err) => {
            reject(err);
        });
    });
},
get(url,params = {}) {
    return this.http({
        method: 'GET', // 请求方式
        url,    // 请求路径
        params, // 请求参数
        responseType: 'blob', // 我现在需要获取后台的二进制流生成Excel, 如果没有这个需求可以去掉
        headers: { // 请求头
            'Content-Type': 'application/x-www-from-urlencoded',
        },
    });
}

// main.js  引入 公共的方法文件 你们可以按照你们的路径进行引用
import Common from  '@/components/common/common.js'
Vue.prototype.$Common = Common;

// 在页面中引用的写法
// get里面第一个是写请求的url, 第二个是data参数
var res = this.$Comon.get('/sdfsjdfbjsbdsd', {id: 1, sex: 2}).then(function(res) {
    // 自己要做的事情
})

 

posted on 2019-08-01 10:38  ㅤㅤㅤㅤㅤㅤ  阅读(488)  评论(0编辑  收藏  举报

导航