vue前端调用后端接口导出word文档

最新推荐文章于 2024-06-05 17:16:34 发布

软小乖乖

最新推荐文章于 2024-06-05 17:16:34 发布

阅读量514

点赞数 3

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/weixin_43945122/article/details/136681252

版权

接口封装：

//导出文档
export function exporting(params) {
  return request({
    url: "/apiInfoExport/detailInfo/" + params,
    method: "get", 
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    // params,
    responseType: 'blob',
    noErrorMsg:true
  });
}

安装file-saver插件

npm install  file-saver --save

//导出文档
    exportingWord(index,row){   
      exporting(row.id).then(res =>{
        console.log(res,"打印res"); 
        const blob = new Blob([res], { type: 'application/msword' })
          // 使用FileSaver.js保存Blob对象为Word文件
        saveAs(blob, row.menuName) 
      })
   },