El front-end descarga archivos de Excel, etc., el front-end del proyecto realiza la descarga de archivos

El más simple, con la dirección del archivo, usa directamente la etiqueta a para descargar (descarga local desde el front-end de la plantilla universal):

  <a href="/user/test/xxxx.xls" download="文件名.xls">点击下载</a>

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

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

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

Si hay un problema que no se puede abrir, primero verifique su propia ruta y luego vea si el nombre de la carpeta está en inglés.这种方法绝对好用

一下文章还有更多的方法

https://blog.csdn.net/phhzhhh/article/details/106183647

https://blog.csdn.net/qq_35158525/article/details/103614391

https://www.cnblogs.com/xzybk/p/12696012.html

El método anterior no es compatible con el navegador IE

Puede utilizar este método:

<el-button size="mini" class="importBtn" v-if="downFlag" @click="download">下载模板</el-button>
download(){
    window.location='/perpon.xlsx'  // 在项目中的文件地址
},

 

Supongo que te gusta

Origin blog.csdn.net/qq_40055200/article/details/111408834
Recomendado
Clasificación