【vue】点击下载文件本地正常，build打包在服务器下载打开出现乱码

需求超级简单：点击下载按钮下载测试.doc文件

出现的问题

本地点击下载正常，服务器上点击下载没反应

检查问题

检查前端代码之后，发现下载写的是点击window.open

修改问题

然后将window.open的方式改为

<a href="测试.doc" download="测试.doc">下载</a>

打包下载正常，但文件打开之后出现乱码

再次排查问题进行比较

检查发现服务器上“测试.doc”文件的文件名是乱码，因为我们使用xshell终端进行的连接，文件名是中文导致文件名乱码

再次修改

选择UTF-8编码方式 （用在网页上可以统一页面显示中文简体繁体及其它语言）

总结

当发现本地和服务器有差异时，检查需要下载的文件是否与本地保持一致，本次下载文件内容乱码的原因是：xshell编码设置的问题，做简要整理，希望能帮到大家。