axios 二次封装的两个小点(文件下载和 put 请求的 params 传参)

一、使用 axios 下载文件

1、创建一个对象，用于配置接口信息

  let myObj={
    url: process.env.VUE_APP_BASE_API + api/studentList',
    method: 'get',
    fileName: 'studengListFile',
    params:{接口的params参数}
  }

2、封装一个 axios 下载文件的方法

exportMethod(data) {
  axios({
    method: data.method,
    url: `${data.url}`,
    responseType: 'blob',
    params:data.params?data.params:null
  }).then((res) => {
    if(res.data.type=='application/octet-stream'){
      const link = document.createElement('a')
      let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'})
      link.style.display = 'none'
      link.href = URL.createObjectURL(blob)
      link.download = data.fileName //下载的文件名
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)
      return;
    }
    var reader=new FileReader()
    reader.onload=e=>{
      let res=JSON.parse(e.target.result);
      let error_html="

"+(i18n.tc(res.key) || 'Error');
      error_html+="
";
      let msg= Message({
        dangerouslyUseHTMLString:true,
        message: error_html,
        type: 'error',
        duration: 5 * 1000
      })
    }
    reader.readAsText(res.data)

  }).catch(error => {
    console.log('接口调用失败:',error)
  })
}

3、调用方法，并传入前面配置的接口对象

exportMethod(myObj)

二、PUT 请求 params 传参包含数组的处理办法

先写代码了，明天继续

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: Oracle平台应用数据库系统的设计与开发

Oracle平台应用数据库系统的设计与开发 第1页：Oracle平台应用数据库系统的设计与开发第2页：Oracle平台应用数据库系统的设计与开发 Oracle是目前应用最广泛的数据库系统。一个完整的数据库系统包括系统硬件、操作系统、网络层、DBMS（数据库管理…