纯前端实现文件下载的方法及其下载失败可能的原因

前端实现文件下载的方法

在vue中实现的代码:

//path为文件所在的路径
<a :href="path" download="XXX.pdf" >点我下载</a>

注意：文件需放在前端包里，download后的文件名需要跟静态文件的名字一样。

不能正常下载可能的原因总结：
1.文件路径错误。最好用相对路径，防止用了代理后，写的绝对路径出现问题
2.文件编码问题。例如用word另存为pdf文件，或导出为pdf文件，两种形式生成的文件编码不一样。而前者可正常下载，后者出现乱码