vue封装ajax请求
// 用来发请求的库
import axios from 'axios';
import { Toast } from 'vant';
import {
Loading
} from 'vant';
// axios降级请求,处理跨域一个请求发两次的问题
//axios.interceptors.request.use(function (config) {
// config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
// if (config.method === 'post') {
// config.data = qs.stringify({ ...config.data })
// }
//},
//function (error) {
// loadinginstace.close();
// return Promise.reject(error);
//})
export const test = () => {
console.log('test');
}
/**
* url
* data 请求参数
* type 请求类型
*/
export const doajax = (url, data, type) => {
let config;
if (type === 'get') {
config = {
method: type,
params: data,
}
} else {
config = {
method: type,
data,
}
}
console.log('config',config);
return axios(url, config);
}
export const ajax = (url, data, suc) => {
doajax (url, data, 'get').then((res) => {
let {
status,
msg
} = res.data;
if (status === 0) {
suc(res.data.data);
} else {
alert(msg);
}
});
}
export const post = (url, data, suc) => {
doajax (url, data, 'post').then((res) => {
let {
status,
msg
} = res.data;
if (status === 0) {
suc(res.data.data);
} else {
alert(msg);
}
});
}
export const loadingBegin=()=>{
Toast.loading({
mask:true,//是否显示蒙层
duration:0,//持续展示toast
forbidClick:true,//禁用背景点击
loadingType:"spinner",
message:"努力加载中..."
});
}
export const loadingFinish=()=>{
Toast.clear();
}
