1. Proyectos no vue : en circunstancias normales, estamos acostumbrados a colocar archivos locales en la carpeta actual y luego se pueden descargar normalmente.
2. Proyecto Vue: Pongamos los archivos locales en la carpeta actual.
El error mencionado en el título apareció de la siguiente manera:
Solución: coloque el archivo local en la carpeta estática, está bien
Método 1: todavía usa la etiqueta a
<el-button>
<a href="../../../static/解决vue上传数据模板.xlsx" download>下载</a>
</el-button>
Dado que la etiqueta a tiene su propio estilo de clic, que puede afectar el estilo de nuestros propios botones, se puede utilizar el segundo
Método 2: evento de clic
<el-button @click="downloadExcel" type="primary">
下载导入模板
</el-button>
downloadExcel() {
// // window.location.href="http://localhost:80/static/解决vue上传数据模板.xlsx" ;
window.location.href="/static/解决vue上传数据模板.xlsx.xlsx"
},
Ambos tienen el mismo efecto y los resultados son los siguientes:
En este punto, el problema se ha resuelto.