如何循环/使用等待 axios？

Question

我在通过 Ides 循环然后将结果推送到上面的数组时遇到问题，它抛出此错误：“请求失败，状态码 404” 但是如果我删除了循环它就可以正常工作

export default class GetPlayersPerMatch {
    constructor(numPlayers) {

        this.numPlayers = numPlayers;
        this.allPlayersMatchesArr = [];

    }
    async getResultsPerMatch() {
        try {
            const proxy = 'http://cors-anywhere.herokuapp.com/'

            for (let i = 0; i < 500; i++) {
                const resPerMatch = await axios(`${proxy}https://fantasy.premierleague.com/api/element-summary/${i}/`)
                this.playerData = resPerMatch.data
                console.log(this.playerData)
                this.allPlayersMatchesArr.push(this.playerData)
            }
            console.log(this.allPlayersMatchesArr) 

        } catch (error) {
            console.log(error)
        }
    }

}

Answer 1

1. 您有多确定有 500 页可供查看？
2. 重构您的 try-catch 以便您继续发送请求 任何失败的回报
3. 当您说“如果我删除循环它可以工作”时，您的意思是 /api/element-summary/1/ 存在，但您的循环/请求可能会得到一个 索引 15 或 123 或 468 上的 404...

像这样尝试并告诉我们：

export default class GetPlayersPerMatch {
    constructor(numPlayers) {

        this.numPlayers = numPlayers;
        this.allPlayersMatchesArr = [];

    }
    async getResultsPerMatch() {
        const proxy = 'http://cors-anywhere.herokuapp.com/';

        for (let i = 0; i < 500; i++) {
            try {
                const resPerMatch = await axios(`${proxy}https://fantasy.premierleague.com/api/element-summary/${i}/`);
            } catch (error) {
                console.log(error);
            }
        this.playerData = resPerMatch.data;
        console.log(this.playerData);
        this.allPlayersMatchesArr.push(this.playerData);
        }
        console.log(this.allPlayersMatchesArr);        
    }
}