项目亮点：全局请求时的loading动画

写博客的第三天

今天要说的项目亮点就是---请求时的loading动画

我用的ui框架是element-plus

1.在request.js里面引入

import { ElLoading } from 'element-plus'

 2.在外面创建一个空的变量

let loadingInstance = null

 3.在请求拦截里面开启loading动画

 if(res.loading !== false) {
          loadingInstance = ElLoading.service({
            lock: true,
            text: '拼命加载中...',
            background: 'rgba(0, 0, 0, 0.7)',
          })
        }

 4.在响应拦截里面关闭loading动画

 if((res.loading) {
          setTimeout(() => loadingInstance.close(), 1000)
        }

 5.不是所有请求都要使用loading动画，所以在