src/routes/Dashboard/Accounts/AccountsCampus.js

@@ -23,11 +23,10 @@ export default class CampusAccountsPage extends Component {
     this.props.dispatch({
       type: 'accounts/fetchCampusList',
       payload: { ...this.state.Queryers }
-    })
+    });
   }
 
   handleDownloadOperation = () => {
-    console.log('press download');
     this.props.dispatch({
       type: 'accounts/fetchCampusExcel',
       payload: 'download',

src/utils/request.js

@@ -58,7 +58,6 @@ export default function request(url, options) {
     credentials: 'include',
   };
   const newOptions = { ...defaultOptions, ...options };
-  console.log('>>>>>>>>>> 01newOptions',newOptions)
   if (newOptions.method === 'POST' || newOptions.method === 'PUT' || newOptions.method === 'DELETE') {
     if (!(newOptions.body instanceof FormData)) {
       newOptions.headers = {
@@ -76,25 +75,29 @@ export default function request(url, options) {
         'Content-Type': 'multipart/form-data',
         ...newOptions.headers,
       };
-    } 
+    }
   }
-  // download excel
-  if ( newOptions.DOWNLOAD ) {
-    console.log('download request');
-    delete newOptions.DOWNLOAD;
-  } 
-
-  console.log('>>>>>>>>>newOptions',newOptions)
   return fetch(url, newOptions)
     .then(checkHttpStatus)
     .then((response) => {
-      if (response.status === 204) {
-        return response.text();
+      if (response.headers.get('Content-Type') !== 'application/json;charset=UTF-8') {
+        response.blob().then(
+          (blob) => {
+            const a = document.createElement('a');
+            const fakeUrl = window.URL.createObjectURL(blob);
+            const filename = response.headers.get('Content-Disposition').split('filename=')[1];
+            a.href = fakeUrl;
+            a.download = filename;
+            a.click();
+            window.URL.revokeObjectURL(url);
+          });
+        return null;
+      } else {
+        if (response.status === 204) {
+          return response.text();
+        }
+        return response.json();
       }
-      console.log('fetch 中获取的response',response)
-      
-      return response.json();
-
     })
     .then(checkContentStatus)
     .catch((e) => {