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

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

出现的问题

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

检查问题

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

修改问题

然后将window.open的方式改为

下载

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

再次排查问题进行比较

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

再次修改

选择UTF-8编码方式 (用在网页上可以统一页面显示中文简体繁体及其它语言)
vue 点击下载文件本地正常,build打包在服务器下载打开出现乱码_第1张图片

总结

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

你可能感兴趣的:(vue 点击下载文件本地正常,build打包在服务器下载打开出现乱码)