【Vue/Nuxt】promise.all 안에서 axios로 요청했을 때 나온 Maximum call stack size exceeded를 $마크를 붙여 해결했다

Nuxt.js로 작성된 원래 코드

export default {
  async asyncData(context) {
    const { $axios, params } = context
    const [tweetInfo, replyList] = await Promise.all([
      $axios.get(`/tweets/${params.id}`).catch((error) => error),
      $axios.get(`/tweets/${params.id}/replies`).catch((error) => error)
    ])
    return {
      tweetInfo,
      replyList
    }
  },
  data() {
    return {
      tweetInfo: {},
      replyList: []
    }
  },
}

Nuxt.js에서 promise.all에서 axios로 요청하면 Maximum call stack size exceeded 오류가 발생했습니다.

Nuxts.js에서 Maximum call stack size exceeded 나왔을 때의 대처법

$axios.$get(`/tweets/${params.id}`).catch((error) => error)