本文主要是介绍vue前端-静态资源下载小坑记录，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
需求背景:批处理功能增加模板下载。
最简单方式就是el-link组件配置相对路径下载本地静态文件。
但本地文件目录试了相对路径:/项目名称/public/template 和/项目名称/src/ assets ，都报错找不到文件，好不容易试了对的路径部署到服务器又报错找不到文件。
以下是对应坑和解决方案。
坑1、静态文件放在项目/public/template文件夹，但下载路径应该是/template/目标文件.xlsx ，因为public文件夹是静态资源目录，项目编译后所有静态资源会部署在根目录下(vue.config.js可配置，默认配置：publicPath:'/)
el-link标签配置静态文件路径：
<el-link type="primary" href="/template/批量创建产品模板.xlsx"download="批量创建产品模板.xlsx">下载文件模板</el-link>
坑2、如果静态资源是中文名，部署到服务器有可能会乱码。这是因为服务器的编码跟本地可能不一致。可以改服务器编码，但如果后面不动这个静态资源，也可以直接服务器端手动重命名一下就可以了。
重命名命令：
mv ./??????????3g??.xlsx ./批量创建产品模板.xlsx
这篇关于vue前端-静态资源下载小坑记录的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
