vue下载文件

import fileDownload from ‘js-file-download‘

let params = {
          "token" : "123456",
          "id" : "12345678901234567",
          "filename":"123.rar",
          "pckid":"5",
          "dty":"tbox",
          "cml":"300",
          "version":"102",
        };
        let that = this;
        API.test2(params).then(function (result) {
          if (result) {
            // console.log(result);
            /*console.log(result.headers[‘Content-Disposition‘]);
            let filename = result.headers[‘Content-Disposition‘].substring(result.headers[‘Content-Disposition‘].indexOf("=")+1 );
            console.log("filename",filename);*/
            fileDownload(result,"123.rar");
            /*let blob = new Blob([result], {type: "application/octet-stream"});
　　　　　　 let objectUrl = URL.createObjectURL(blob);
　　　　　　 window.location.href = objectUrl;*/
          }
        }).catch(function (error) {
          that.$message.error({showClose: true, message: ‘请求出现异常‘, duration: 2000});
        });

 test2:params => {
    return API.POST2(`apitbox/download`,params,{responseType: ‘blob‘})//{responseType: ‘blob‘}一定要加，否则文件出错
  },

export const POST2 = (url, params,config) => {
  return axios.post(`${base}${url}`, params,config).then(res => res.data).catch(function (error) {
    alert("请求出现异常");
    console.log(error);
    // window.location.reload();
  });
}

后台springboot：

    // 文件下载相关代码
    @RequestMapping(value = "/download", method = { RequestMethod.POST, RequestMethod.GET }) // postman,url,3.tbox请求下载文件,暂时只支持单文件下载。
    public String downloadFile(@RequestBody Map<String, String> reqMap, HttpServletRequest request, HttpServletResponse response) { // version是路径
        String token1 = reqMap.get("token");// request.getParameter("token");
        String uuid1 = reqMap.get("id");// request.getParameter("uuid");
        String fileName = "upload\\" + reqMap.get("dty") + "\\" + reqMap.get("cml") + "\\" + reqMap.get("version") + "\\" + reqMap.get("filename");

        String name = fileName.substring(fileName.lastIndexOf("\\") + 1);

        try {
            apiTboxService.saveDownloadfile(reqMap.get("pckid"), uuid1, name, CommomUtil.DateFormat(), "download packages start",CommomUtil.servernum);
        } catch (Exception e1) {
            e1.printStackTrace();
        }

        if (fileName != null) {
            // 设置文件路径
            /* String realPath = request.getServletContext().getRealPath("//WEB-INF//"); */
            String realPath = request.getSession().getServletContext().getRealPath("/");
            File file = new File(realPath, fileName);
            if (file.exists()) {
                response.setContentType("application/force-download");//
                response.setHeader("content-type", "application/octet-stream");
                response.addHeader("Content-Disposition", "attachment;fileName=" + name);// 设置文件名
                byte[] buffer = new byte[5*1024 * 1024];
                FileInputStream fis = null;
                BufferedInputStream bis = null;
                try {
                    fis = new FileInputStream(file);
                    bis = new BufferedInputStream(fis);
                    OutputStream os = response.getOutputStream();
                    int i = bis.read(buffer);
                    while (i != -1) {
                        os.write(buffer, 0, i);
                        i = bis.read(buffer);
                    }
                    System.out.println("--------------download----------------success");
                    try {
                        apiTboxService.updateDownloadfile(reqMap.get("pckid"), uuid1, "success");
                    } catch (Exception e1) {
                        e1.printStackTrace();
                    }
                } catch (Exception e) {
                    e.printStackTrace();
                    System.out.println("download---error");
                    try {
                        apiTboxService.updateDownloadfile(reqMap.get("pckid"), uuid1, e.toString());
                    } catch (Exception e1) {
                        e1.printStackTrace();
                    }
                } finally {
                    if (bis != null) {
                        try {
                            bis.close();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
                    if (fis != null) {
                        try {
                            fis.close();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }
                    }
                }
            }
        }
        return null;
    }

原文地址：https://www.cnblogs.com/yaowen/p/9060268.html