【需求描述】:只通过前端,下载一个Excel模板文件template.xlsx
【项目环境】:通过 vue-cli 4.x 创建的项目
【重点】:模板文件需要存放在 public 目录下
如图所示:
相关代码:
<a href="./files/Exam-Template.xlsx" target="_blank" download="题目模板.xlsx">下载模板</a>
说明:
./files/Exam-Template.xlsx是打包后,相对于index.html文件的路径
页面效果:
打包后目录:
说明:
public目录下的文件不会被 webpack 编译
【分析】
-
通过 vue-cli 3.x/4.x 脚手架创建的项目,将不需要打包编译的资源文件存放在
public目录下; -
通过 vue-cli 2.x 脚手架创建的项目,将不需要打包编译的资源文件存放在
static目录下;