首先看一下我的情况,如下:

目录如图:

在这里插入图片描述

代码如下:

 <a href="../../public/kjxz.pptx" download="课件下载.pptx">课件下载</a>

一切看起来很正常,但是结果如下:

在这里插入图片描述

然后我搜了一下发现原来href路径的问题,原来使用../../public/kjxz.pptx,文件会找不到,因为它是相对于index.html的路径进行查找的,所以它找不到文件,所以改为./kjxz.pptx,代码如下:

<a href="./kjxz.pptx" download="课件下载.pptx">课件下载</a>

结果如下:

在这里插入图片描述在这里插入图片描述

综合自己的经历和网上查找的内容总结了几点如下:

第一点:文件名字不可以为中文名
第二点:文件必须放在static里面,但是由于vue3.0版本static取消,文件可以放在public里面
第三点:也是最重要的第一点,url的路径问题,如果使用"…/…/public/muban.xlsx"的话,会下载一个空文件
    因为此时的路径不应该使用相对于当前vue页面的路径,放在public下时,应该使用相对于index.html的路径
    即"./"即可,然后就可以访问到了

.doc文件也和ppt文件一样(实测过了)

Logo

前往低代码交流专区

更多推荐