美文网首页
vue封装ajax请求

vue封装ajax请求

作者: 四哥_d0ad | 来源:发表于2018-11-14 21:24 被阅读0次

    // 用来发请求的库

    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();

    }

    相关文章

      网友评论

          本文标题:vue封装ajax请求

          本文链接:https://www.haomeiwen.com/subject/tiesfqtx.html