Springboot + vue 实现文件上传下载

近期项目实现前后端分离的文件上传与下载,在上传文件时要注意axios 的 contentType设置为form-ata 同时在上传文件时 formData应该写成如下形式传给后端Springboot + vue 实现文件上传下载_第1张图片
0820晚
遇到如下状况:
https://segmentfault.com/q/1010000016061444
在具体组件中导入方法传入附件路径进行下载,结果下载下来后打不开。
难道是后端返回有问题?但是我把header中的token认证去掉后直接使用浏览器请求接口是能下载下来也能打开的。

前端代码修改为:
Springboot + vue 实现文件上传下载_第2张图片
同时获取header中的文件名
在这里插入图片描述
同时后端必须暴露 content-disposition
在springboot中做如下设置
在这里插入图片描述
Springboot + vue 实现文件上传下载_第3张图片
Springboot + vue 实现文件上传下载_第4张图片

你可能感兴趣的:(Springboot + vue 实现文件上传下载)