需求:vue2 + webpack , 点击下载模板,实现本地资源下载
一、 点击a标签
<a href="./static/path_Eglish.zip" download="模板名称_中文">下载模板</a>
1. href属性,建议文件路径使用英文
2. download属性,能够重命名文件的名称(即下载的文件名称为 “模板名称_中文”)
二、本地文件存放在public文件下
webpack 打包时,不会对public文件进行修改;
当本地文件放在src下的assets文件夹时,webpack在打包时会对其进行处理,导致后续文件路径找不到的问题。
三、实操
问题:打包至测试环境,发现文件路径找不到。
解决方式:在href路径上,改“/static”为“./static”
补充
打包完,访问下载测试