vue axios 请求二进制流excel文件，response乱码

Question

问题：当axios发起post请求，后端返回的是二进制流excel文件，前台获取response时出现乱码问题，求解决方法

response返回乱码数据。

 downloadModel(){

        // window.location.href = window.open(axios.defaults.baseURL +'/settlement/payableCheck/download/template');

        // let downLoadModel = window.open();

        // let fileDownload = require('js-file-download');

        this.$post('/settlement/payableCheck/download/template',{params:null},{responseType: 'arraybuffer'}).then(res => {

        // this.$get('/settlement/payableCheck/download/template').then(res => {

          console.log(res);

          // let fileName = res.headers['content-disposition'].match(/fushun(\S*)xls/)[0];

          // fileDownload(res,fileName);

          let blob = new Blob([res], {type: "application/vnd.ms-excel;charset=utf-8"});

          // let objectUrl = URL.createObjectURL(blob);

          // window.location.href = objectUrl;

          var link = document.createElement('a');

          link.href = window.URL.createObjectURL(blob);

          link.download = "对账模板";

          link.click();

        }).catch((e) => {

          this.$message.warning('下载失败');

          console.log(e);

        })

      },

强行text打开还是乱码

Answer 1

response乱码不是很正常吗？你强行用text打开一下你的excel看看是不是乱码？你看下载文件就行了，不用管response的文本输出。

Answer 2

这个乱码应该是后端设置的编码问题

Answer 3

responseType: 'blob' blob 设置这个类型呢？ {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8"} ，还有 别用编辑打开excel啊