第一步先现在插件file-saver
npm install file-saver
之后就是导入file-saver
import FileSaver from 'file-saver'

这个方法是生成下载了一个json文件
// 文件流生成本地JSON文件
export function fileBolbJson(data, fileName){
/**
* data: 封装好的json数据
* JSON.stringify(data, null, 2): 格式化json数据 方便阅读
* new Blob(parame1, parame2): 转为Blob文件流.
* parame1 [] 数据源
* parame2 文件流类型
*/
const blob = new Blob([JSON.stringify(data, null, 2)], {type: 'application/json'})
/**
* FileSaver.saveAs(parame1, parame2) 浏览器保存文件
* parame1: Blob文件流
* parame2:文件名
*/
FileSaver.saveAs(blob, fileName)
}
当然还有别的各种格式我写了部分使用其他的可以改变type格式使用


其他各种类型
