El front-end puro de Vue2 implementa la descarga de archivos de Excel y se puede descargar normalmente tanto en entornos locales como de prueba.
1. Coloque el archivo de Excel proporcionado por el backend en la carpeta del proyecto local, y la ubicación es como se muestra en la figura: 2.
Introduzca el archivo de Excel en la página que necesita mostrar la función de descarga, como se muestra en la figura:
3 Utilice un enlace, href Vincule la ruta del archivo Excel importado y agregue el atributo de descarga. El valor del atributo de descarga es el nombre del archivo descargado, como se muestra en la figura: 4. Aquí viene la pregunta
clave. Después de introducir la ruta del archivo, encontrará que el proyecto informa un error de cargador faltante, por lo que debe instalar el cargador de archivos:
npm install file-loader
5. Después de instalar las dependencias, agregue la configuración en vue.config.js:
6. Luego reinicie el proyecto, de modo que que se realiza la función de descarga ~
He probado otros métodos antes y se puede lograr Al descargar localmente, se informa un 404 en el entorno de prueba o el archivo de Excel descargado se abre con contenido vacío. Este método lo he probado yo mismo. ¡Y no hay problema si es local o en el entorno de prueba!
Artículos de referencia para este artículo:
https://zhuanlan.zhihu.com/p/557556752
https://www.jianshu.com/p/5318ce68a6aa