文件是计算机管理数据的基本单位，同时也是应用程序保存和读取数据的一个重要场所。存储介质：文件是指在各种存储介质上（如硬盘、可移动磁盘、CD等）永久存储的数据的有序集合，它是进行数据读写操作的基本对象。特性：每个文件都有文件名、文件所在路径、创建时间及访问仅限等属性。
流是字节序列的抽象概念，例如文件、输入/输出设备、内部进程通信管道等。流提供一种向后备存储器写入字节和从后备存储器读取字节的方式。存储介质：除了和磁盘文件直接相关的文件流以外，流还有多种类型。流可以分布在网络中、内存中或者是磁带中。
🌟后端返回来的流是什么样子的
这里用一张图片来说明一下
如上图，红色框内，类似于乱码的，就是文件流在浏览器中的表现方式
🌟前端处理文件流并且成功下载
这里以Vue为主实现
在导出接口文件里写入：
import request from '@/utils/request';
// 车辆运行分析导出
export function exportCarRunAnalyse(data) {
return request({
responseType: 'blob', // 重点，responseType设置为 blob
url: '/statistics/exportCarRunAnalyse',
method: 'post',
data
});
}
调取该接口的页面里写入：
// data 为 向后台传递的参数，大家自行定义
exportCarRunAnalyse(data).then(res => {
console.log(res); // 控制台输出：Blob {size: 30208, type: 'application/x-msdownload'}
var debug = res;
if (debug) {
var elink = document.createElement('a');
elink.download = '导出表格.xls';
elink.style.display = 'none';
var blob = new Blob([debug], { type: 'application/x-msdownload' });
elink.href = URL.createObjectURL(blob);
document.body.appendChild(elink);
elink.click();
document.body.removeChild(elink);
} else {
this.$message.error('导出异常请联系管理员');
}
}).catch(err => {
console.log(err);
});
这时再去点击导出，即可将 文件流 下载为文件
🌟结语
方法有好多，这只是其中的一种，也欢迎大家补存，共同学习。各位小伙伴让我们 let’s be prepared at all times！
✨原创不易，还希望各位大佬支持一下！
👍 点赞，你的认可是我创作的动力！
⭐️ 收藏，你的青睐是我努力的方向！
✏️ 评论，你的意见是我进步的财富！
最后
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。
-
技术要深入到什么程度？
-
做久了技术总要转型管理？
-
我能做什么，我想做什么？
-
一技之长，就是深耕你的专业技能，你的专业技术。（重点）
-
独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）
-
拥有事业，选择一份使命，带领团队实现它。（创业）
一技之长分五个层次
-
栈内技术 - 是指你的前端专业领域技术
-
栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识
-
工程经验 - 是建设专业技术体系的“解决方案”
-
带人做事 - 是对团队协作能力的要求
-
业界发声 - 工作经验总结对外分享，与他人交流
永远不要放弃一技之长，它值得你长期
信仰持有。
主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。
