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