前端Vue实现文件下载提示 失败-未发现文件的解决思路

文件下载提示 失败-未发现文件的解决思路

前端vue中动态创建a标签下载文件

<div name="downloadfile" onclick="downloadClick()">下载模板</div>
//下载模板
downloadClick:function(event){
	var link = document.createElement('a');
	link.setAttribute("download", "");
	link.href = "./static/参会者模板.xls";
	link.click();
}

镜像打包部署后,点击下载模板,给出“失败-未发现文件”的提示。在这里插入图片描述

解决思路

  1. 在镜像包中查看该文件是否存在于该路径下
  2. 将下载地址打印在浏览器控制台,看完整路径是否存在问题:
  • 加上console.log("href: " + link.href),复制该地址直接在浏览器中访问(项目有没有配置上下文,如有,看路径中是否会带上了上下文在这里插入图片描述
  • 若路径中存在中文,将中文换成英文试试。若英文路径可以正常下载,则有可能是中文乱码的问题,则相应查找解决中文乱码的方法(我这边使用的最简单的方式,将文件名改为了英文,项目中没有要求一定要用中文名,成功下载了。)
  • 在这里插入图片描述
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页