我的应用程序有问题。我正在使用以下软件:
"axios": "^0.16.2",
"axios-retry": "^3.0.1",
"babel-runtime": "^6.25.0",
"lodash": "^4.17.4",
"moment": "^2.19.1",
"node-machine-id": "^1.1.9",
"numeral": "^2.0.6",
"pdfjs-dist": "^2.0.303",
"quasar-extras": "0.x",
"quasar-framework": "^0.14.4",
"vue": "~2.3.4",
"vue-async-computed": "^3.3.1",
"vue-fullscreen": "^2.1.3",
"vue-pdf": "^2.0.4",
"vue-router": "^2.7.0",
"vue-scrollto": "^2.8.0",
"vue-video-player": "^5.0.2",
"vuedraggable": "^2.16.0",
"vuex": "^2.4.1"
当用户点击缩略图时,我的应用程序需要从服务器下载文件。在第一次运行时,应用程序会下载所有缩略图。这有一个正常的速度。60 个 GET 请求同时开始。现在,当我想下载一个文件(这是一个 3mb 的 pdf 文件)时,应用程序会冻结 5 到 10 秒,然后开始下载。
下载将使用相同的功能完成:(文件是完整的 url)
function downloadAndWrite(file) {
this.$store.dispatch(START_DIMMER, {
title: this.$t('dimmer.generalSetup.title'),
description: this.$t('dimmer.generalSetup.description')
});
// console.time('fetchFile' + file);
let responseType = 'arraybuffer';
if (this.$q.platform.is.cordova) {
responseType = 'blob';
}
return this.$http
.get(`${file}`, {
timeout: 1800000, // 30 minutes for large files
responseType: responseType
})
.then((response) => {
return this.$fileSystem.write(file, response)
.then((message) => {
// Unzip zip files
// console.timeEnd('fetchFile' + file);
if (/\.zip$/i.test(file)) {
return this.$fileSystem.unzip(message.file).then((result) => {
this.$store.dispatch(STOP_DIMMER, {});
}, (error) => {
console.error(error);
this.$store.dispatch(STOP_DIMMER, {});
});
} else {
this.$store.dispatch(STOP_DIMMER, {});
return message;
}
});
})
.catch(error => {
console.error(error);
this.$store.dispatch(STOP_DIMMER, {});
});
}
该函数的调用方式相同 - 此处为缩略图:
function saveThumbnails(documents) {
let promises = documents.map((imagePath) => {
if (imagePath) {
downloadAndWrite.call(this, imagePath)
}
});
return Promise.all(promises);
}
对于文件:(有时下载将包含超过 1 个文件)
let promises = resources.map((item) => {
if (item && item.url) {
downloadAndWrite.call(this, item.url);
} else {
console.error('missing url', item);
}
});
return Promise.all(promises);
有人知道为什么我的文件下载应用程序冻结了吗?仅供参考:冻结结束后,将开始下载并且一切正常。