vue 请求数据封装

//const API_ADDRESS = ‘xxx’;
const DIY_TOAST_CODES = [“20000”];
var Api = {};
Api.install = function (Vue, options) {
if (!Vue.axios) {
console.log(‘Api需要引入axios插件…’);
return
}

var _this = Vue.prototype;

Vue.axios.interceptors.response.use(function (res) {
// 判断请求是否成功
if (DIY_TOAST_CODES.indexOf(res.data.code) != -1) {
// 未登录不用提示。
return res.data;
}
return res.data
}, function (err) {
console.log(‘获取数据失败’);
return Promise.reject(err)
})

Vue.axios.defaults.headers = {
‘Content-Type’: ‘application/json; charset=UTF-8’
};

// 接口列表
Vue.prototype.Api = {
setHeaders: function (key, value) {
Vue.axios.defaults.headers[key] = value;
},
isSuccess: function (rsp) {
return rsp.code == 0;
},
isSuccessWithErrorToast: function (rsp) {
let success = this.isSuccess(rsp);
if (!success) {
alert(rsp.msg || 获取数据失败);
}
return success;
},

//接口名称
xxx(rsp) {
return Vue.axios.post(${API_ADDRESS}/common/xxx, rsp);
},

再main.js import Api from “./service/api”

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值