Wyświetlenie zagnieżdżonej tablicy

Witam serdecznie. Pracuję ostatnio nad pewnym projektem we Vue niestety przez pewien problem stoję w miejscu od trzech dni. Problem ten polega na tym że nie mogę wyświetlić tablicy, którą zwraca mi API.
https://i.ibb.co/fDY5nTR/aapi.png</img>

W ten sposób otrzymuje normalnie swój obiekt, tak jak to widać na załączonym obrazku.

axios.get('/api/game/current').then(response => {
                    this.players1 = response.data.data;
                    this.players1.forEach((el) => console.log(el))

                });

W ten sposób otrzymuje w konsoli błąd

axios.get('/api/game/current').then(response => {
                    this.players1 = response.data.data.players;
                    this.players1.forEach((el) => console.log(el))

                });

W pierwszym przypadku do zmiennej przypisujesz tablicę i po niej robisz pętlę. Ale w drugim prubujesz dostać się do właściwości obiektu, który jest elementem tablicy nie podając jego indexu.

Dobra ogarnięte, koleżka spieprzył bazę danych przez to wywołanie wygląda następująco:

                    this.players1 = response.data.data[0].players;

Taka pierdoła, a tyle roboty -_-

Dokładnie. Tak jak napisałem brakowało indeksu.