0
点赞
收藏
分享

微信扫一扫

Vue下载项目中的文件

深夜瞎琢磨 2021-09-24 阅读 170
Vue

前提

Vue项目是使用vue-cli进行构建的


功能描述

点击相应按钮,下载项目内的文件

实现步骤

此处以下载.exe文件为例(如果是txt、jpg之类的文件,最好打成压缩包,不然的话会直接打开而不是下载)

只有将资源放入上述指定文件夹中,项目中才能拿到到它们的url地址。
我是使用vue-cli 3构建的项目,因此我把资源放入public文件夹中:


vue-cli 3对项目的结构和静态文件的引用方式都进行了简化,对比如下:



appDownload() {
  //直接填写public下的文件路径即可,编译时会自动定位到public文件夹下
  window.location.href = '/app/IE11-x64.exe'
}

至此,功能已经实现完毕。

相关链接:Vue + axios 实现get/post下载功能

举报

相关推荐

0 条评论