实现下载文件的前后台写法

这里写的是前台vue+Springboot项目，原理一样。
话不多说上代码

后台
Controller层

/**********************************
     * 用途说明: 下载信息模版(Poi方式)
     * 参数说明 null
     * 返回值说明: void
     ***********************************/
    @GetMapping("downLoadFile")
    public void downLoadFile(String fileName) {
        try {
            //读取resource文件夹下的导入模板
            String path = this.getClass().getClassLoader().getResource("").getPath();
            try{
                downloadFile(path,fileName);
            }catch (Exception e){
                e.printStackTrace();
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

Service层

/**********************************
    * 用途说明: Poi下载模版调用
    * 参数说明 path
    * 参数说明 fileName
    * 返回值说明: void
    ***********************************/
    public static void downloadFile(String path, String fileName) throws Exception{
        //读取resource文件夹下的导入模板(根据个人项目放置位置)
        File file = new File(path + "fileTemplate" + File.separator + fileName);
        String fileCnName = "";
        if("aaa.xlsx".equals(fileName)){
            fileCnName = "AAA信息导入模板.xlsx";
        }else if("".equals(fileCnName)){
            fileCnName = fileName;
        }
        InputStream inputStream = null;
        try {
            inputStream = new FileInputStream(file);
            HttpServletResponse response = HttpServlet.getResponse();
            OutputStream outputStream = response.getOutputStream();
            byte[] buff = new byte[2048];
            //设置响应头
            response.setCharacterEncoding("UTF-8");
            response.setContentType("application/x-msdownload;charset=utf-8");
            response.setHeader("Content-disposition", "attachment;filename=" + URLEncoder.encode(fileCnName, "UTF-8"));
            int num = -1;
            while ((num = inputStream.read(buff)) != -1) {
                outputStream.write(buff, 0, num);
            }
            response.flushBuffer();
            outputStream.flush();
            outputStream.close();
        } catch (IOException e) {
            e.printStackTrace();
        } finally {
            inputStream.close();
        }
    }

VUE就很简单了 我们用的是window.open 可以用别的方式
ip我写的是我本地的ip，具体怎么访问但是修改，或者陪在配置文件中都可以

//下载模板
    downloadTemplate: function () {      let params = "aaa.xlsx"      window.open("http://localhost:8080/downLoad/downLoadFile?fileName=" + params, "_blank");    },

说到window.open了，那就大概介绍下

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口

window.open(URL,name,specs,replace)

1. URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口
2. name 可选。指定target属性或窗口的名称。支持以下值：
   _blank - URL加载到一个新的窗口。这是默认_parent - URL加载到父框架_self - URL替换当前页面_top - URL替换任何可加载的框架集name - 窗口名称
3. specs 可选。一个逗号分隔的项目列表。支持以下值：
   channelmode=yes|no|1|0 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器
   directories=yes|no|1|0 是否添加目录按钮。默认是肯定的。仅限IE浏览器
   fullscreen=yes|no|1|0 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器
   height=pixels 窗口的高度。最小.值为100
   left=pixels 该窗口的左侧位置
   location=yes|no|1|0 是否显示地址字段.默认值是yes
   menubar=yes|no|1|0 是否显示菜单栏.默认值是yes
   resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes
   scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes
   status=yes|no|1|0 是否要添加一个状态栏.默认值是yes
   titlebar=yes|no|1|0 是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes
   toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes
   top=pixels 窗口顶部的位置.仅限IE浏览器
   width=pixels 窗口的宽度.最小.值为100
4. replace Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：
   true - URL 替换浏览历史中的当前条目。
   false - URL 在浏览历史中创建新的条目。