Vue2下载base64格式的Excel文件

HTML

index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<div id="app">
    <button v-on:click="exportBusLineStation()">导出公交站点Excel</button>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script type="text/javascript" src="./js/index.js"></script>
</html>

JavaScript

./js/index.js

let app = new Vue({
    el: '#app',
    data: {
      
    },
    created: function () {

    },
    methods: {
        dataURLtoBlob: function (dataurl) {
          try {
              let arr = dataurl.split(',');
              let mime = arr[0].match(/:(.*?);/)[1];
              let bstr = atob(arr[1]);
              let n = bstr.length;
              let u8arr = new Uint8Array(n);
  
              while (n--) {
                  u8arr[n] = bstr.charCodeAt(n);
              }
              return new Blob([u8arr], { type: mime });
          } catch {
              let arr = dataurl.split(',');
              let bstr = atob(arr[0]);
              let n = bstr.length;
              let u8arr = new Uint8Array(n);
  
              while (n--) {
                  u8arr[n] = bstr.charCodeAt(n);
              }
              return new Blob([u8arr]);
          }
      },
      exportBusLineStation: function () {
        axios({
              method: 'post',
              url: '/api/device/baseData/exportBusLineStation',
              data: {}
            }).then(response => {
              let contentDisposition = response.headers['content-disposition'];
              let fileName = contentDisposition.substring(contentDisposition.indexOf('=') + 1);
              let data = this.dataURLtoBlob(response.data.data);
              let url = window.URL.createObjectURL(new Blob([data]));
              let link = document.createElement('a');
              link.href = url; // <a>下载文件
              //this.imgSrc = url; // <img>显示图片
              link.setAttribute('download', decodeURIComponent(fileName));
              document.body.appendChild(link);
              link.click();
            }).catch(error => {
              alert("文件下载失败");
              console.log(error);
            });
      },
    },
});