vue 通过axios下载文件
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | //准备工作 npm i axios npm install js-file-download --save //https://github.com/kennethjiang/js-file-download //vue2.x //main.js //添加到原型中 import axios from 'axios' Vue.prototype.$axios=axios //使用 import fileDownload from 'js-file-download' ; download() { this .$axios.get( '下载地址' , { responseType: 'blob' , }).then(res => { fileDownload(res.data, '下载的文件名字' ); }); } //vue3.x //main.js //添加到原型中 import axios from "axios" ; const app = createApp(App); app.config.globalProperties.$axios = axios; //使用 <script setup> import fileDownload from 'js-file-download' ; import { getCurrentInstance } from "vue" ; const { proxy } = getCurrentInstance(); //获取原型 const Axios = proxy.$axios; //Axios就是挂在的原型(相当于vue2中的this.$axios) const download =()=> { Axios.get( '下载地址' , { responseType: 'blob' , }).then(res => { fileDownload(res.data, '下载的文件名字' ); }); } </script> |
本文来自博客园,作者:小万子呀,转载请注明原文链接:https://www.cnblogs.com/newBugs/p/16065712.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· winform 绘制太阳,地球,月球 运作规律
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具