vue2純前端實(shí)現(xiàn)下載excel文件，本地和測(cè)試環(huán)境都可正常下載。
1、把后端給的excel文件放到本地項(xiàng)目文件夾中，位置如圖所示：
2、在需要展示下載功能的頁(yè)面中引入該excel文件，如圖所示：
3、使用a鏈接，href綁定引入的excel文件路徑，并添加download屬性，download屬性值就是下載下來(lái)的文件名稱，如圖所示：
4、重點(diǎn)問(wèn)題來(lái)了，引入文件路徑后會(huì)發(fā)現(xiàn)項(xiàng)目報(bào)缺少loader的錯(cuò)誤，所以要安裝file-loader：
npm install file-loader
5、安裝完依賴之后還要在vue.config.js中增加配置：
6、然后重啟項(xiàng)目，這樣就實(shí)現(xiàn)下載功能啦~
之前嘗試過(guò)別的方法，可以實(shí)現(xiàn)本地下載，在測(cè)試環(huán)境卻報(bào)404，或者下載出的excel文件打開(kāi)是空內(nèi)容的情況，這種方法親測(cè)不管是本地還是測(cè)試環(huán)境都沒(méi)問(wèn)題哦！
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-643103.html
本文參考文章：
https://zhuanlan.zhihu.com/p/557556752
https://www.jianshu.com/p/5318ce68a6aa文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-643103.html
到了這里，關(guān)于vue純前端實(shí)現(xiàn)下載excel文件，本地和測(cè)試環(huán)境都可正常下載的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
