封装文件下载的方法

1、在封装请求拦截的js文件中需要有以下准备条件：

引入axios，在请求前加上token（这里token是从vuex中取的，这里不再阐述在vuex中的保存方法）

import axios from 'axios'
// 设置post请求头
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'
const http = axios.create({
  // baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url api的baseUrl
  timeout: 30000 // 请求超时时间
})

http.interceptors.request.use(config => {
  // 在发送请求之前做些什么 验证token之类的
  if (store.getters.token) {
    config.headers['Authorization'] = store.getters.token ? getToken() : store.getters.token
  }
  return config
}, error => {
  // 对请求错误做些什么
  Message.error({ message: '请求超时!' })
  return Promise.error(error)
})

2、文件下载封装函数，然后导出该方法

/**
 * Request请求，文件下载
 * @param RequestParams Path 请求地址,Method请求方法
 * @param urlParams 请求参数拼接在url上
 * @param data 请求参数放在请求体
 * **/
export function RequsetForDownLoadFile(RequestParams, urlParams, responseData, FileName) {
  return new Promise((resolve, reject) => {
    http({
      method: RequestParams.Method,
      url: RequestParams.Path,
      params: urlParams, // 请求参数拼接在url上
      data: responseData, // 请求参数放在请求体
      responseType: 'blob'
    })
      .then(response => {
        const link = document.createElement('a')
        const blob = new Blob([response.data], { type: 'application/vnd.ms-excel' })
        link.style.display = 'none'
        link.href = URL.createObjectURL(blob)
        // link.download = res.headers['content-disposition'] //下载后文件名
        link.download = FileName // 下载的文件名
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)
        resolve(response.data)
      }).catch(err => {
      // 请求失败
        reject(err)
   })
 })

3、在需要下载的页面中导入并调用

import { RequsetForDownLoadFile } from '...'

RequsetForDownLoadFile({ Method: 'get', Path: '/api/pesp-manage-system/fapsysfile/downloadFile' }, { 请求地址后拼接的参数 }, null, 请求体中的参数)