VbenAdmin（Vue）-- 下载文件功能（图片MP3/MP4）点击下载没有下载成功，反而打开了新窗口的问题

Posted 2022-11-22 是小橙鸭丶

博主遇到了很坑的一个问题、就是后端返回了图片、MP3等URL给我们，博主最近研究Vue3 VbenAdmin的框架、使用了这个框架封装好的下载功能、 点击下载时没有下载成功、反而打开了新的窗口、尝试使用了vben自身的图片，又下载成功、 从而将两张图片进行对比、得出结论如下

java web中下载文件时,我们一般设置 Content-Disposition告诉浏览器下载文件的名称,是否在浏览器中内嵌显示.

Content-disposition: inline; filename=foobar.pdf

表示浏览器内嵌显示一个文件

Content-disposition: attachment; //这里 表示会下载文件

两种解决方案：

1.后端返回的照片url带上Content-disposition: attachment;

2.前端自己拼接 '?response-content-type=application/octet-stream' 这个字段即可解决