up

src/utils/request.js

@@ -1,12 +1,14 @@
 import axios from 'axios'
 import {
   MessageBox,
-  Message
+  Message,
+  Loading
 } from 'element-ui'
 import store from '@/store'
 import {
   getToken
 } from '@/utils/auth'
+let loading;
 
 // create an axios instance
 const service = axios.create({
@@ -19,7 +21,11 @@ const service = axios.create({
 service.interceptors.request.use(
   config => {
     // do something before request is sent
-
+    loading = Loading.service({
+      lock: true,
+      background: "rgba(0,0,0,0.4)",
+      text: "正在加载中..."
+    })
     if (store.getters.token) {
       // let each request carry token
       // ['X-Token'] is a custom headers key
@@ -53,6 +59,7 @@ service.interceptors.response.use(
     console.log("response", response)
     const res = response.data
 
+    loading.close()
     // if the custom code is not 20000, it is judged as an error.
 
     if (res.hasOwnProperty("errcode")) {
@@ -82,6 +89,7 @@ service.interceptors.response.use(
     }
   },
   error => {
+    loading.close()
     console.log('err' + error) // for debug
     Message({
       message: error.message,