promise.all 批量调接口时遇到res为undefined

最新推荐文章于 2024-03-23 01:19:14 发布

codeLAU

最新推荐文章于 2024-03-23 01:19:14 发布

阅读量1.1k

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/codeLAU/article/details/126523758

版权

  if (+res.status === 200) {
          // console.log(res.data);
          let imgNameGroupList = res.data;

          const allApi = [];
          let urlPrev = "https://hyaiot.net/v1/images/";

          for (let i = 0; i < imgNameGroupList.length; i++) {

            let item = `${urlPrev}${this.data.fileCode}/${imgNameGroupList[i]}`;
            const generateItem = this.generateTemp(item);
            allApi.push(generateItem);
            Promise.all(allApi).then(tempUrlGroup => {
              this.setData({
                images: tempUrlGroup
              });
            });
          }
        
       

          
        }

         generateTemp(url) {
        return new Promise((resolve, reject) => {
          dd.downloadFile({
            url: url,
            headers: {
          "X-Access-Token": this.data.token
        },
        success({ filePath }) {
          console.log(filePath,'transfer successfully！');
        },
        fail(res) {
          console.log(res);
          dd.alert({
            content: res.errorMessage || res.error
          });
        }
      }).then(res => {
        resolve(res.filePath);  
        // 需要用resolve将结果包裹起来这样promise.all 拿到的res才不会为undefined
      });
    });
  },