Почему slice не работает с async/await?

Question

[ettge]

Есть такой код:

async asyncData ({ req, params }) {
    let { data } = await axios.get('https://jsonplaceholder.typicode.com/posts')
    return { posts: data.slice(0, 5) }
  }

`data` возвращает список из 100 постов, мне надо отобразить только первые 5. Если убераю slice, то все работает, выводит 100 постов.

Answer 1

[gleendo]

data же объект а не массив, откуда там метод slice...

Comments

[ettge]

Тогда как это сделать? Промис работает:

asyncData ({ req, params }) {
    // We can return a Promise instead of calling the callback
    return axios.get('https://jsonplaceholder.typicode.com/posts')
    .then((res) => {
      return { posts: res.data.slice(0, 5) }
    })
  }

[gleendo]

ettge: Так попробуйте

asyncData ({ req, params }) {
    return axios.get('https://jsonplaceholder.typicode.com/posts')
    .then(res => { posts: JSON.parse(JSON.stringify(res)).slice(0, 5) })
}

[ettge]

iamevg_: так мне надо async/await, как в посте. Тот код что я привел и так работает.

[Виктор Л]

Ну Вам же написали что у объекта нет метода slice

let { data } = await axios.get('https://jsonplaceholder.typicode.com/posts')
    return { posts: data.slice(0, 5) }
// равнозначно что posts:{[куча постов]}

.then((res) => {
      return { posts: res.data.slice(0, 5) }
    })
//тут работает потому что data это массив

[ettge]

Виктор: ну написали и что, от этого решение появилось? Я по прежнему не вижу решения. Очевидно же что я создавал тему не из-за любопытства, чтобы мне 2 раза повторили одно и тоже, а для того чтобы найти решение.

[Виктор Л]

Ну Вам и дали ответы подсказали что не так
Как пример

[ettge]

Не, так я posts не смогу во Vue использовать. в разметке.