前后端分离下载文件

export function test(params) {
  return request({
    url: '/test',
    method: 'get',
    responseType: 'blob',
    params: params
  })
}

@Override
    public void test(HttpServletResponse response) {
        try {
            response.setContentType("application/msword;charset=utf-8");
            response.setHeader("Content-disposition", "attachment; filename=" + URLEncoder.encode("test.docx", "utf-8"));
            ClassLoader classLoader = getClass().getClassLoader();
            InputStream inputStream = classLoader.getResourceAsStream("templates/test.docx");
            
            Map dataModel = new HashMap();
            dataModel.put("name", "张三");
            XWPFTemplate render = XWPFTemplate.compile(inputStream).render(dataModel);
            
            ServletOutputStream outputStream = response.getOutputStream();

            render.write(outputStream);

            outputStream.flush();

        } catch (Exception e) {
            throw new ServiceException("下载异常");
        }

    }

test(){
      test().then(res=>{
        const blob = new Blob([res]);
        const downloadElement = document.createElement("a");
        // 创建下载链接
        const href = window.URL.createObjectURL(blob);
        downloadElement.href = href;
        // 下载后文件名
        downloadElement.download = "test.docx";
        document.body.appendChild(downloadElement);
        // 点击下载
        downloadElement.click();
        document.body.removeChild(downloadElement);
        window.URL.revokeObjectURL(href);
      })
    }