在VUE中實現(xiàn)文件下載并判斷狀態(tài)的方法
更新時間：2019年11月08日 10:28:45 作者：yy406961
今天小編就為大家分享一篇在VUE中實現(xiàn)文件下載并判斷狀態(tà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返回的東西可以跟后端確認(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 // 鏈接錯誤
})
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);
});
}
以上這篇在VUE中實現(xiàn)文件下載并判斷狀態(tài)的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用echarts圖表自適應(yīng)的幾種解決方案
這篇文章主要給大家介紹了關(guān)于vue使用echarts圖表自適應(yīng)的幾種解決方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
這篇文章主要介紹了vant框架van-cell插槽無法換行問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
element ui循環(huán)調(diào)用this.$alert 消息提示只顯示最后一個
這篇文章主要介紹了element ui循環(huán)調(diào)用this.$alert 消息提示只顯示最后一個，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要介紹了一篇Vue、React重點詳解大全，文章內(nèi)容詳細(xì)，通過案例可以更好的理解其相關(guān)知識，需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Vue3引入騰訊地圖的相關(guān)資料,并實現(xiàn)點擊地圖添加標(biāo)注的功能,示例代碼提供了添加單個或多個標(biāo)注的方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
laravel+vue組合的項目中引入ueditor方式(打包成組件形式)
今天小編就為大家分享一篇laravel+vue組合的項目中引入ueditor方式(打包成組件形式)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue?同局域網(wǎng)訪問不到的問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
Vue3實現(xiàn)動態(tài)導(dǎo)入Excel表格數(shù)據(jù)的方法詳解
在開發(fā)工作過程中，我們會遇到各種各樣的表格數(shù)據(jù)導(dǎo)入，動態(tài)數(shù)據(jù)導(dǎo)入可以減少人為操作，減少出錯。本文為大家介紹了Vue3實現(xiàn)動態(tài)導(dǎo)入Excel表格數(shù)據(jù)的方法，需要的可以參考一下2022-11-11
uniapp使用scroll-view下拉刷新無法取消的坑及解決
這篇文章主要介紹了uniapp使用scroll-view下拉刷新無法取消的坑及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05
vue項目下npm或yarn下安裝echarts多個版本方式
這篇文章主要介紹了vue項目下npm或yarn下安裝echarts多個版本方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06