VUE vue-resource下载文件

YoungerKu

于 2019-05-09 18:41:57 发布

阅读量6.6k

点赞数 1

文章标签： vue-resource vue 文件下载

本文链接：https://blog.csdn.net/kuyongganggang/article/details/90044893

版权

本文介绍了在Vue项目中利用vue-resource库下载文件的方法，强调了流的方式，并提供了后端和前端的代码示例，确保文件名正确且能成功下载。通过设置响应头和响应体，实现了指定文件名的文件下载功能。

摘要由CSDN通过智能技术生成

网上寻觅半晌，发现解决方案很多，但是能够满足要求的寥寥无几。

我需要做的是能够下载文件并且能够在后端指定文件名，In fact, It's very easy! e ha。

流的方式

后端代码

获取response 对象：

方式较多，可以直接取controller方法中的response对象

RequestAttributes attributes = RequestContextHolder.currentRequestAttributes(); if (attributes instanceof ServletRequestAttributes) { HttpServletResponse response = ((ServletRequestAttributes) attributes).getResponse();

设置响应头：

//将文件中文编码为字母数字，在前端获取后进行解码
String fileName = URLEncoder.encode(fileName, "UTF-8");
//让前端获取自定义的响应头（Attachment-Name）
response.setHeader("Access-Control-Expose-Headers","Attachment-Name");
response.setHeader("Attachment-Na