关于#excel#的问题，如何解决？

Vue3 导出文件为excel 代码如下：
export function excel(code,total,name,upInfo) {

axios({
    url: "/report/bb/exportExcel",
    method: "post",
    data: {
        csbs: code,
        pageIndex: 1,
        pageSize: total,
        parameterMap:    JSON.stringify(deleteKey(upInfo))
    },
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    responseType: "blob"
}).then(res => {
    const blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });
    const fileName = name
    if ('download' in document.createElement('a')) { // 不是IE浏览器
        const url = window.URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.style.display = 'none';
        link.href = url;
        link.setAttribute('download', fileName);
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link); // 下载完成移除元素
        window.URL.revokeObjectURL(url); // 释放掉blob对象
    } else { // IE 10+
        window.navigator.msSaveBlob(blob, fileName);
    }
})

}

同样的代码 只有一个页面导出不带表头

这个页面带表头

两个是同样的页面 不同路由

有没有可能是接口返回的数据问题

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7498087
• 你也可以参考下这篇文章：在做VUE项目时遇到的问题及解决办法：点击不同的标题加载不同的组件，使用路由去切换组件时，第一次进入这个页面没有默认显示的子组件
• 除此之外, 这篇博客: vue项目中,如何实现excel的导入导出excel导入功能-组件封装中的 建立公共导入的页面路由 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  新建一个公共的导入页面，即import路由组件 src/views/import/index.vue

  在页面中使用前面封装的excel上传组件，并补充导入成功后的回调函数

  <template>
    <upload-excel :on-success="handleSuccess" />
  </template>
  ​
  <script>
  export default {
    name: 'Import',
    methods: {
      handleSuccess({ header, results }) {
        console.log(header, results)
      }
    }
  }
  </script>
  复制代码

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^