vue 使用 js-file-download

最新推荐文章于 2025-10-27 10:48:15 发布

原创最新推荐文章于 2025-10-27 10:48:15 发布 · 1.1w 阅读

14 ·

CC 4.0 BY-SA版权

文章标签：

#vue

编码专栏收录该内容

44 篇文章

订阅专栏

本文详细介绍如何利用js-file-download库实现文件下载功能。通过npm安装该库后，结合axios和Vuex进行token获取，设置请求头Authorization字段，并将responseType设为blob，最后调用fileDownload方法完成文件下载。

1、安装 js-file-download

npm install js-file-download

2、引入

import fileDownload from 'js-file-download';
import Axios from 'axios'
import store from '@/store' // 获取token

3、使用

download() {
    var requestUrl = "tcmp/api/devices/model";
    var Authorization = store.state.user.token;
    Axios({
       method: 'get',
       url: requestUrl,
       headers: {
          'Authorization': Authorization
       },
           responseType: 'blob'
       }).then(res => {
           fileDownload(res.data, 'deviceModel.xlsx');
       });
}