本文共 364 字，大约阅读时间需要 1 分钟。

最简单的，有文件的地址，直接使用a标签实现下载（通用模板前端本地下载）：

点击下载

但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”;

如果再vue项目中需要下载文件需要放在public文件夹下 需要下载的路径是相对于index.html文件路径 否则会提示下载文件未找到

注意：文件名称一定要用英文

出现打不开的问题，首先检查自己的路径，然后看看文件夹名称是否是英文的，这种方法绝对好用

一下文章还有更多的方法

以上方法不兼容IE浏览器

可以用这种方法：

   
    下载模板
   download(){    window.location='/perpon.xlsx'  // 在项目中的文件地址},

转载地址：http://bkgxz.baihongyu.com/