在VUE中怎么實現(xiàn)文件下載并判斷狀態(tài)

這篇文章給大家分享的是有關(guān)在VUE中怎么實現(xiàn)文件下載并判斷狀態(tài)的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

新增JS頁面

axiosExport.JS

// Axios攔截請求并實現(xiàn)下載
import axios from 'axios'

// download url
export const downloadUrl = (url) => {
  console.log(url)
  let iframe = document.createElement('iframe')
  iframe.style.display = 'none'
  iframe.src = url
  iframe.onload = function () {
    document.body.removeChild(iframe)
  }
  document.body.appendChild(iframe)
}

// Add a response interceptor
// res返回的東西可以跟后端確認
axios.interceptors.response.use(res => {
  if (res.data.status && res.data.status === 300) {
    return '300' // 鏈接正確，下載失敗
  } else {
    downloadUrl(res.request.responseURL)
    return '200' // 鏈接正確，下載成功
  }
}, error => {
  // Do something with response error
  return error // 鏈接錯誤
})

export default axios

VUE頁面

import axios from './axiosExport'
// 導(dǎo)出 或 下載
exportDoc () {
  let URL = `下載地址`
  let me = this
  axios.get(URL).then(function (response) {
    if (response === '200') {
      me.$message.success('下載成功！')
    } else {
      me.$message.warning('下載失?。?#39;)
    }
  }).catch(function (response) {
    console.log(response);
  });
}

感謝各位的閱讀！關(guān)于“在VUE中怎么實現(xiàn)文件下載并判斷狀態(tài)”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！