利用 a 標簽實現(xiàn)，這里需要注意的是：

• 我們這里的本地資源文件是放在 public 下的（不建議放在 assets 目錄下）；
• 這里需要區(qū)分生產環(huán)境和開發(fā)環(huán)境，如果你的項目部署到服務器上的某個目錄下（比如 test 目錄下），那么你需要在給 a 標簽綁定路徑的時候也是需要做下區(qū)分的，開發(fā)環(huán)境直接 / 就可以，但是部署到生產環(huán)境之后一定要在你的路徑前面加上你項目部署的那個目錄名稱（如代碼所示）；

封裝一個方法：

let prefixUrl = process.env.NODE_ENV === 'production' ? '/test/' : '/'; // 下載本地資源文件 // file 文件全稱包含文件擴展名 // fileName下載下來的文件名稱（自定義） function downloadLocalFile(file, fileName) {let a = document.createElement('a');// 路徑中'/'為根目錄，即index.html所在的目錄a.href = prefixUrl + 'static/downloadFile/' + file;// 下載下來的文件名a.download = fileName;// 添加點擊a.click(); }

文件中調用（我這里是將公共方法在 main.js 里綁定給vue原型了）：

downLoadFile() {this.$public.downloadLocalFile('test.doc', '測試') }

?
?

為 此，將 工 作 中 常 用 的 公 共 方 法 封 裝 整 理 了 一 份（不定時更新）點擊此處查看

?
?

??如有不足，望大家多多指點！ 謝謝！

總結

以上是生活随笔為你收集整理的Vue 之 下载本地资源文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。