近日在实现点击按钮下载.json文件时,发现下载的.json文件打开后只显示[object object],无法显示文件具体内容。后续不断试错并总结出解决办法如下:
1、首先发送请求得到res,res就是下载下来的文件
2、let blob = new Blob(JSON.stringify(res, null, 2).split('')) //括号内的JSON.stringify(res, null, 2).split('')是解决问题的核心
3、let url = window.URL.createObjectURL(blob) //创建流文件的url
4、let a = document.createElement('a') //生成a标签,用于下载
5、a.href = url
6、a.download = '下载到本地后的文件名'
7、a.click()
8、window.URL.revokeObjectURL(url) //清除url