这可以在任何组件中使用$nuxt助手轻松完成：

await this.$nuxt.refresh()

参见https：//nuxtjs.org/docs/internals-glossary/$nuxt/#refreshing-page-data

您无法访问asyncData方法，因为它在呈现之前由服务器端的nuxt调用。当然，您可以操作镜像asyncData的数据对象。所以我猜你有一个像这样的数据组件：

data() {
  return {
    topic: [],
  }
}

它与asyncData返回的内容合并，并显示在客户端中。因此，无需重新加载您的页面，您可以操作“主题”，它将反映在客户端。就像这样：

async deletePost(id) {
  await this.$axios.$delete(`/topics/${this.topic.id}/posts/${id}`)
  this.topic... //change it to reflect what was deleted.
},

或者你可以在同一个方法中的delete调用之后进行另一个API调用。

await this.$axios.$delete(`/topics/${this.topic.id}/posts/${id}`)
  let {data} = await $axios.$get(`/topics/${this.topic.id}`)
  return this.topic = data
},

无论哪种方式，都要在delete调用之后更新'topic'数组，这就是在客户端中显示的内容。

我终于找到了解决办法

// register page component

  async fetch({ store }) {

    await store.dispatch('places/countries/getCountriesAction');

  },

store folder 
places/countries.js

export const actions = {

  async getCountriesAction({ state,commit }) {

     return this.$axios('countries').then((e)=>{

      commit('InitializeData',e.data.data)

    });

  }
}

请不要忘记在操作时返回，刷新页面时会正确运行