Vue implementiert den Download von ZIP-Dateien

<el-button size="mini" type="success" @click="downloadHandle(fileName, fileLocation)">Herunterladen</el-button>

Axios von „Axios“ importieren


// Eine Axios-Instanz erstellen const service = axios.create({
  baseURL: '', // Basis-URL der API
  Timeout: 20000, // Anforderungs-Timeout-Parameter: {
 //Anforderungsparameter}
});

// Interceptor anfordern service.interceptors.request.use(config => {
  // .... Konfiguration wird verarbeitet......
  
  Konfiguration zurückgeben
}

Standarddienst exportieren

Axios von „Axios“ importieren


// Eine Axios-Instanz erstellen const service = axios.create({
  baseURL: '', // Basis-URL der API
  Timeout: 20000, // Anforderungs-Timeout-Parameter: {
 //Anforderungsparameter}
});

// Interceptor anfordern service.interceptors.request.use(config => {
  // Konfiguration fügt Token-Wert hinzu config.headers['token'] = getToken(); // getToken() ist meine Methode zur Werterfassung, die Systemüberprüfung verwendet die Rückgabekonfiguration
}

Standarddienst exportieren

Importieren Sie die Anforderung von „@/utils/request“.

// fileName Download-Einstellungsname, fileLocation Dateispeichername downloadHandle(fileName,fileLocation) {
   lass prome = {
     Dateispeicherort: Dateispeicherort
   }
   Anfrage.Post(
    '/api/downloadFile', 
    Versprechen, 
    {
      Antworttyp: "Blob",
      Zeitüberschreitung: 60000
    }
   ).dann(Antwort => {
     wenn (!Antwort.Größe) {
       diese.$nachricht({
         Meldung: 'Keine Datei zum Download verfügbar',
         Typ: "Warnung"
       })
       zurückkehren
     }
     const url = Fenster.URL.createObjectURL(neuer Blob([Antwort]))
     const link = fenster.dokument.createElement('a')
     link.style.display = "keine"
     link.href = URL
     link.setAttribute('download', Dateiname+'.zip')
     Dokument.Body.AnhängenKind(Link)
     link.klick()
   }).catch((Daten) => {
     console.log(Daten)
   })
},

Paket com.web.controller;

importiere org.springframework.web.bind.annotation.RequestBody;
importiere org.springframework.web.bind.annotation.RequestMapping;
importiere org.springframework.web.bind.annotation.RestController;

importiere javax.servlet.http.HttpServletRequest;
importiere javax.servlet.http.HttpServletResponse;
importiere java.io.File;
importiere java.io.FileInputStream;
importiere java.io.OutputStream;
importiere java.net.URLEncoder;
importiere java.util.Map;

@RestController
@RequestMapping("/api")
öffentliche Klasse DownloadFileDemo {

    /**
     * Dateidownload * @param tranNap
     * @param Anfrage
     * @param Antwort
     */
    @RequestMapping(Wert = "/Download-Datei")
    public void downloadFile(@RequestBody Map<String, Object> tranNap, HttpServletRequest-Anforderung, HttpServletResponse-Antwort) {
        Zeichenfolge Dateispeicherort = tranNap.get("Dateispeicherort")+"";
        versuchen {
            Zeichenfolge Dateipfad = "D:/Datei/" + Dateispeicherort + ".zip";
            //Datei abrufen. Datei. Datei = neue Datei (Dateipfad);
            wenn (!file.exists()) {
                System.out.println("[Dateidownload] Keine Datei zum Download verfügbar");
                zurückkehren;
            }
            FileInputStream fileInputStream = neuer FileInputStream(Datei);
            //Setzen Sie den HTTP-Antwortheader, um dem Browser mitzuteilen, dass er den Dateinamen Dateiname herunterladen soll.
            response.setHeader("Content-Disposition", "attachment;Filename=" + URLEncoder.encode(fileLocation+".zip", "UTF-8"));
            OutputStream Ausgabestream = Antwort.getOutputStream();
            byte[] bytes = neues byte[2048];
            int länge = 0;
            während ((Länge = fileInputStream.read(Bytes)) > 0) {
                outputStream.write(Bytes, 0, Länge);
            }
            fileInputStream.schließen();
            outputStream.schließen();
        } Fang (Ausnahme e) {
            System.out.println("[Dateidownload] Ausnahme beim Herunterladen der Datei");
            e.printStackTrace();
            zurückkehren;
        }
    }

}