vue-cli 3.x/4.x 项目，模板文件存放 public 目录

【需求描述】：只通过前端，下载一个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 编译

【分析】

1. 通过 vue-cli 3.x/4.x 脚手架创建的项目，将不需要打包编译的资源文件存放在 public 目录下；

2. 通过 vue-cli 2.x 脚手架创建的项目，将不需要打包编译的资源文件存放在 static 目录下；