标签：axios const js vue file download import 下载

//准备工作
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>
    
		
    

标签：axios,const,js,vue,file,download,import,下载
来源： https://www.cnblogs.com/newBugs/p/16065712.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。