我必须使用nodejs下载一个json文件并作出React,因此,当用户单击下载按钮时,会向nodejs发送一个请求,然后我发出一个http请求,传递用户、pass和url,以便在服务器上下载json文件,然后在客户端下载该文件
在服务器端的文件下载几乎需要5分钟,问题是,我得到一个网络错误之前,下载文件完成:
GET http://127.0.0.1:4000/downloadFile net::ERR_EMPTY_RESPONSE
Error: Network Error
at createError (createError.js:17)
at XMLHttpRequest.handleError (xhr.js:80)
点击下载按钮时,响应侧的此函数被调用:
downloadFile() {
this.setState({ buttonDownloadText: 'Wait ...' })
axios.get(process.env.REACT_APP_HOST + '/downloadFile')
.then(resp => {
window.open(process.env.REACT_APP_HOST + '/download?namefile=' + resp.data.fileName, '_self')
this.setState({ buttonDownloadText: 'Start download' })
})
.catch((error) => {
console.log(error) //here is where the Network Error is returned
this.setState({ buttonDownloadText: 'Error. Try again' })
})
}
服务器端:
const http = require('http');
const fs = require('fs');
app.get('/downloadFile', function (req, res, next) {
try {
const headers = new Headers();
const URL = env.URL_API + '/api/downloadFile'
const DOWNLOADURL = env.URL_API + '/api/download'
headers.set('Authorization', 'Basic ' + base64.encode(username + ":" + password));
fetch(URL, {
method: 'GET',
headers: headers,
})
.then(r => r.json())
.then(data =>
fetch(DOWNLOADURL + '/' + data.fileName, {
method: 'GET',
headers: headers,
}).then(result => {
const url = 'http://user:pass@url' + data.fileName
const arq = __dirname + '/download/' + data.fileName
var file = fs.createWriteStream(arq);
http.get(url, function (response) {
response.pipe(file);
file.on('finish', () => file.close(() => res.status(200).send({ file: data.fileName });)) //I have to return the file name to react function
});
}).catch(error => {
logger.error(`${error}`);
})
})
.catch(error => {
logger.error(`${error.status || 500} - ${error} - ${req.originalUrl} - ${req.method} - ${req.ip}`);
res.sendStatus(500)
})
....
});
downloadFile
函数必须返回fileName,所以我调用download route在clint端进行下载
app.get('/download', function (req, res) {
try {
const file = __dirname + '/download/' + req.query.namefile;
res.download(file);
} catch (error) {
logger.error(`${error.status || 500} - ${error} - ${req.originalUrl} - ${req.method} - ${req.ip}`);
}
});
所以,我的观点是,为什么我的downloadFile
路由不等待下载文件完成后返回res.status(200).send({ file: data.fileName })?
2条答案
按热度按时间jv4diomz1#
由于不能强迫浏览器等待来自服务器的长时间响应,我建议使用另一种方法:将文件上传到云(例如AWS或Firebase)并向客户端返回链接。
如果使用Firebase(或其他真实的数据库),服务器可以在文件上传完成时在数据库中设置一个标志。因此,当文件可供下载时,客户端会得到异步通知。
mepcadol2#
尝试使用XMLHttpRequest从客户端获取响应