vue+springboot后台下载resource下的文件

首先在springBoot的项目路径下添加模板文件

Vue前端页面访问下载

  这里使用的post请求，但无参数传递，特别注意的是要设置返回类型为  arraybuffer。（返回值类型说明请看其他文章）

  前端下载文件，需要自定义一个a标签元素，设置它的href值为下载文件的路径则可以下载内容。

//下载模板
      downloadExcel() {
        this.$http({
          url: this.$http.adornUrl('/mgmt/importExportUsers/downloadTemplate'),
          method: 'post',
          responseType: 'arraybuffer',
          data:this.$http.adornData([], false)
        }).then((res) => {
          let url = window.URL.createObjectURL(new Blob([res.data]))
          let a = document.createElement('a')
          a.setAttribute("download","userTemplate.xls")
          a.href = url
          a.click();
        })
      },

后端下载接口功能

注意ÿ