v2 Multiple play source

client/src/utils/request.ts

@@ -1,21 +1,19 @@
 import axios from "axios";
 import {ElMessage, ElLoading } from "element-plus";
 
-// 定义加载动画对象
-let loading:any
+// 创建loading加载动画对象
 const startLoading = ()=>{
-    loading = ElLoading.service({
+    return  ElLoading.service({
         lock: true,
-        text: `请求发送中...`,
-        background: `rgba(255,255,255,0.5)`,
+        text: `加载中...`,
+        background: `rgba(0,0,0,0.5)`,
         // target: document.querySelector(`.content`)
     })
 }
-const closeLoading = ()=>{
-    loading.close()
-}
 
 const http = (options: any) => {
+    // 开启loading动画
+    let loading:any = startLoading()
     return new Promise((resolve, reject) => {
         // create an axios instance
         const service = axios.create({
@@ -28,8 +26,7 @@ const http = (options: any) => {
         // request interceptor
         service.interceptors.request.use(
             (config: any) => {
-                // 开启loading动画
-                startLoading()
+
                 // let token: string = ""; //此处换成自己获取回来的token，通常存在在cookie或者store里面
                 // if (token) {
                 //     // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
@@ -48,12 +45,10 @@ const http = (options: any) => {
         // response interceptor
         service.interceptors.response.use(
             (response) => {
-                closeLoading()
-
+                loading.close()
                 return response.data;
             },
             (error) => {
-                closeLoading()
                 if (error.response.status == 403) {
                     ElMessage.error("请求异常: ", error)
                 } else {
@@ -61,6 +56,7 @@ const http = (options: any) => {
                 }
                 return Promise.reject(error);
             }
+
         );
         // 请求处理
         service(options)
@@ -70,6 +66,7 @@ const http = (options: any) => {
             .catch((error) => {
                 reject(error);
             });
+
     });
 };