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

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

成都創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)、做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)臨城,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

新增JS頁面

axiosExport.JS

// Axios攔截請求并實(shí)現(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返回的東西可以跟后端確認(rèn)
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 // 鏈接錯(cuò)誤
})

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('下載失??！')
    }
  }).catch(function (response) {
    console.log(response);
  });
}

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

本文名稱：在VUE中怎么實(shí)現(xiàn)文件下載并判斷狀態(tài)
網(wǎng)站URL：http://muchs.cn/article28/pidpjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、軟件開發(fā)、響應(yīng)式網(wǎng)站、營銷型網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)