自己封装ajax方法

import ajax from '@/libs/ajax';
import qs from "qs";
import Config from '@/config';
import { getProtocolAndHostname } from '@/libs/util';const AjaxPlugin = {};
// const baseUrl = process.env.NODE_ENV === 'development' ? Config.baseUrl.dev : Config.baseUrl.pro;
const baseUrl = getProtocolAndHostname() + "/api";
// console.log(baseUrl);
AjaxPlugin.install = async function (Vue, options) {//封装post请求以及界面反馈Vue.prototype.post = async function (url, param, notShowMessage = false) {let loadingCall = () => { }try {if (!notShowMessage) {loadingCall = this.$Message.loading({ content: '正在发送请求', duration: 10 });}const resp = await ajax.post(baseUrl + "/" + (url.substr(0, 1) === '/' ? url.substr(1) : url), param);if (resp.status > 400) {throw new Error('response status is not 200');}if (resp.data.__error__) {//后端返回的明确错误this.$Modal.warning({ title: '请求异常', content: resp.data.__error__ });let err = new Error(resp.data.__error__);err.name = 'apiError';throw err;}if (!notShowMessage) {this.$Message.info('请求成功');}return resp;} catch (e) {this.$Message.error('请求失败');throw e;} finally {loadingCall()}};Vue.prototype.get = async function (url, param, notShowMessage = false) {let loadingCall = () => { }try {if (!notShowMessage) {loadingCall = this.$Message.loading({ content: '正在发送请求', duration: 10 });}const resp = await ajax.get(baseUrl + "/" + (url.substr(0, 1) === '/' ? url.substr(1) : url) + "?1=1&" + qs.stringify(param));if (resp.status > 400) {throw new Error('response status is not 200');}if (resp.data.__error__) {//后端返回的明确错误this.$Modal.warning({ title: '请求异常', content: resp.data.__error__ });let err = new Error(resp.data.__error__);err.name = 'apiError';throw err;}this.$Message.info('请求成功');return resp;} catch (e) {this.$Message.error('请求失败');throw e;} finally {loadingCall()}}
}export default AjaxPlugin;