阅读 70

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

【需求描述】:只通过前端,下载一个Excel模板文件template.xlsx

【项目环境】:通过 vue-cli 4.x 创建的项目

【重点】:模板文件需要存放在 public 目录下

如图所示

image.png

相关代码

<a href="./files/Exam-Template.xlsx" target="_blank" download="题目模板.xlsx">下载模板</a>
复制代码

说明:./files/Exam-Template.xlsx 是打包后,相对于 index.html 文件的路径

页面效果

image.png

打包后目录

image.png

说明:public 目录下的文件不会被 webpack 编译


【分析】

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

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

文章分类
前端
文章标签