update

src/api.js

@@ -468,7 +468,7 @@ export default {
 
     //下载排名数据图片
     getDataPic: params => {
-        return axios.get(`${baseURL}/api/admin/player/record/downloadimage`, { params: params })
+        return axios.get(`${baseURL}/api/admin/player/record/downloadimage`, { params: params,responseType: "blob" })
     },
 
 

src/views/data/index.vue

@@ -87,7 +87,7 @@
                 </el-col>
                 <el-col :span="3">
                     <el-form-item style="margin-left:10px;" label-width="10">
-                        <el-button icon="el-icon-download" type="primary" @click="downloadPic" size="mini">下载图片</el-button>
+                        <el-button :disabled="loading" icon="el-icon-download" type="primary" @click="downloadPic" size="mini">下载图片</el-button>
                     </el-form-item>
                 </el-col>
                 <!-- <el-col :span="3">
@@ -464,14 +464,19 @@ export default {
 
         downloadPic(){
             this.loading = true;
-
             this.$api.getDataPic(this.queryParams).then((res)=>{
                 this.loading = false;
-                console.log(res.data.data)
-                // this.getBlob(res.data.data.image_url).then(blob => {
-                //     this.savePic(blob,res.data.data.filename)
-                // })
-                
+                var elink = document.createElement('a');
+                let blob=new Blob([res.data], {type: 'application/zip'});
+                let objUrl=URL.createObjectURL(blob);
+                let file_name=decodeURIComponent(res.headers['content-disposition'].split('=')[1]);
+                elink.download = file_name;
+                elink.style.display = 'none';                
+                elink.href = objUrl;
+                document.body.appendChild(elink);
+                elink.click();
+                document.body.removeChild(elink);
+                this.loading = false;
             })
         },
         

vue.config.js

@@ -3,11 +3,11 @@ module.exports = {
         proxy: {
             '/api': {
                 // target:'http://39.107.246.59:81',
-                // target: 'https://api.hunanwanzhu.com',
+                target: 'https://api.hunanwanzhu.com',
                 // target:'http://caos.tederen.com',
                 // target: 'https://wx.scxjc.club',
                 // target: 'http://47.107.124.163:8068',
-                target: 'http://120.78.138.64',
+                // target: 'http://test.hunanwanzhu.com',
                 changeOrigin: true,
             }
         }