ITPub博客

首页 > 应用开发 > > 给Vue封装一个获取后端接口的方法?下面这个代码什么意思?

给Vue封装一个获取后端接口的方法?下面这个代码什么意思?

作者:germo 时间:2019-08-02 11:13:57 0 删除 编辑
Vue.prototype.$rest = function(api, param = {}, data = {}, ops) {

        return new Promise((resolve, reject) => {

            let apiArr = apiUrl[api].split(" ");

            let url = "";

            let method = "get";

            if(apiArr.length > 1) {

                url = apiArr[1];

                method = apiArr[0];

            } else {

                url = apiUrl[api];

            }

            let iops = ops ? ops : {

                successMessage: '',

                disableErrorMsg:false

            };

            iops.params = param ? param : {};

            iops.data = data ? data : {};

            iops.url = url;

            iops.method = ops && ops.method ? ops.method : method;

            this.$api(iops).then(response => {

                if(response.success) {

                    resolve(response);

                } else {

                    if(!iops.disableErrorMsg){

                        this.alertError(response.error.message);

                    }

                    reject(response.error)

                }

            }).catch(error => {

                reject(error)

            })

        })

    }


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1868/viewspace-3156177/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-07-17

  • 博文量
    209
  • 访问量
    8226