Le front-end pur Vue2 implémente le téléchargement de fichiers Excel et peut être téléchargé normalement dans des environnements locaux et de test.
1. Placez le fichier Excel fourni par le backend dans le dossier du projet local et l'emplacement est comme indiqué sur la figure :
2. Introduisez le fichier Excel dans la page qui doit afficher la fonction de téléchargement, comme indiqué sur la figure :
3 . Utilisez un lien, href Liez le chemin du fichier Excel importé et ajoutez l'attribut de téléchargement. La valeur de l'attribut de téléchargement est le nom du fichier téléchargé, comme le montre la figure : 4. Voici la question
clé. Après avoir introduit le chemin du fichier, vous constaterez que le projet signale une erreur de chargeur manquant, vous devez donc installer file-loader :
npm install file-loader
5. Après avoir installé les dépendances, ajoutez la configuration dans vue.config.js :
6. Redémarrez ensuite le projet, donc que la fonction de téléchargement est réalisée ~
J'ai déjà essayé d'autres méthodes, et cela peut être réalisé Lors du téléchargement local, un 404 est signalé dans l'environnement de test, ou le fichier Excel téléchargé s'ouvre avec un contenu vide. Cette méthode a été testée par moi-même et il n'y a aucun problème que ce soit en local ou dans l'environnement de test !
Articles de référence pour cet article :
https://zhuanlan.zhihu.com/p/557556752
https://www.jianshu.com/p/5318ce68a6aa