今天完成的事情：

1.推进任务

明天计划的事情：

1.推进任务

遇到的问题和收获：

config.method === 'post'
    ? config.data = qs.stringify(config.data.data)
    : config.params;
config.method === 'put'
    ? config.data = qs.stringify(config.data.data)
    : config.params;

发送post或者put请求前先把参数序列化。

不过不能这么写，打印出来看是获取不到data

config.method === 'post'||'put'
    ? config.data = qs.stringify(config.data.data)
    : config.params;

可以这么写

config.method === 'post'||'put'
    ? config.data = qs.stringify({...config.data})
    : config.params;

function startLoading() { //使用Element loading-start 方法
    // if (needLoadingRequestCount === 0 && !loading) {
    loading = Loading.service({
        lock: true,
        text: 'Loading...',
        background: 'rgba(0, 0, 0, 0.2)'
    })

}

function endLoading() { //使用Element loading-close 方法
    loading.close()
}

//那么 showFullScreenLoading() tryHideFullScreenLoading() 要干的事儿就是将同一时刻的请求合并。
//声明一个变量 needLoadingRequestCount，每次调用showFullScreenLoading方法 needLoadingRequestCount + 1。
//调用tryHideFullScreenLoading()方法，needLoadingRequestCount - 1。needLoadingRequestCount为 0 时，结束 loading。

export function showFullScreenLoading() {
    if (needLoadingRequestCount === 0) {
        startLoading()
    }
    needLoadingRequestCount++
}

export function tryHideFullScreenLoading() {
    if (needLoadingRequestCount <= 0) return//needLoadingRequestCount<=0时就return出去
    needLoadingRequestCount--
    if (needLoadingRequestCount === 0) {
        endLoading()
    }
}

export function showFullScreenLoading() {
    if (needLoadingRequestCount === 0) {
        startLoading()
    }
    needLoadingRequestCount++
}

export function tryHideFullScreenLoading() {
    if (needLoadingRequestCount <= 0) return//needLoadingRequestCount<=0时就return出去
    needLoadingRequestCount--
    if (needLoadingRequestCount === 0) {
        endLoading()
    }
}

加上loading动画，在发送请求和响应时都调用函数。 一旦有请求，则出现loading动画，响应结束后动画消失。这样看起来效果好多了。