vue 通過axios下載文件


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

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM