angular 4 / res.download from nodejs back-end

Question

I'm calling an Angular component which calls an api service I created to call a nodejs back-end. The back-end download a zip file, using res.download. I believe that the response is not correctly handled, because when I call the back-end directly from the url (localhost:3000/api/download/file), it works perfectly. Here's the code below :

1) Angular component

downloadZipFile(index) {
    this._apiService.downloadZip(index).subscribe(data => {
    });
  }

2) Angular apiService

downloadZip(index) {
    return this._http.get('http://localhost:3000' + appConfig.__apiUrl + 'download/' + index);
  }

3) NodeJS API

router.get('/download/:index', (req, res) => {
  res.download(path.join(__dirname, 'downloads/' + req.params.index + '.zip'));
});

Resolved : Tried this solution and it works perfectly https://stackoverflow.com/questions/50907542/download-a-file-from-asset-folder-when-clicking-on-a-button — Nicolas Mazzoleni, Mar 04 '19 at 13:36

score 0 · Accepted Answer · answered Mar 04 '19 at 10:11

0

You are attaching multiple time API url in your angular service HTTP request. Please remove one of them. and check again.

downloadZip(index) {
    return this._http.get('http://localhost:3000/download/' + index);
  }

Add above code in your service.

answered Mar 04 '19 at 10:11

shubham chhapre

296
1
14

Thanks @shubham for your answer. It is normal, appConfil.__apiUrl is equal to a const '/api/', the issue is not coming from this part of the code. I believe it is from the response handling. – Nicolas Mazzoleni Mar 04 '19 at 10:18
It is not, the appConfig.__apiUrl is necessary in that case. – Nicolas Mazzoleni Mar 04 '19 at 10:31
How is it possible to run directly without adding /api in the URL? you are saying this "localhost:3000/download/file" is working. – shubham chhapre Mar 04 '19 at 10:32
It was my mistake. I changed it to 'localhost:3000/api/download/file'. Sorry for that. – Nicolas Mazzoleni Mar 04 '19 at 10:37
No, I still have the same issue. The code is running perfectly when I call directly 'localhost:3000/api/download/file', but does not work when the api is called from the front-end Angular. – Nicolas Mazzoleni Mar 04 '19 at 10:40
For doing this thing you have two options. 1. Direct give file path in html file tag 2. Store file in angular project then download – shubham chhapre Mar 04 '19 at 10:44
I am storing the file in the Angular project. The code above is made to download that file. – Nicolas Mazzoleni Mar 04 '19 at 10:48
Please check this link, i hope you will get your solution. https://stackoverflow.com/questions/51789871/download-file-from-http-post-request-angular-6/51843771 – shubham chhapre Mar 04 '19 at 10:58

angular 4 / res.download from nodejs back-end

1 Answers1