NuxtJs Typescript等待asyncData完成

Question

我有一个打电话给Storyblok cos的电话，并且我收到正确的数据后，通话本身工作正常。 但是不幸的是，该调用发生在我在模板中创建一个组件后，该组件使用了该调用中的数据，从而导致应用程序崩溃。我正在使用带有Typescript的NuxtJS，这就是我使用asyncData调用的方式

<script lang="ts">
import { Component, Vue } from 'nuxt-property-decorator'
import Card from '~/components/Card.vue'

@Component({
  components: {
    Card,
  },
})
export default class Index extends Vue {
  async asyncData({ app }: any): Promise<any> {
    const res = await app.$storyapi.get('cdn/stories', {
      starts_with: 'articles/',
      resolve_relations: 'author',
    })
    const articles = res.data.stories.map((story: any) => {
      story.content.date = new Date(story.content.date)
      return story
    })

    return { articles }
  }
}
</script>