Nuxt.js 应用程序在重新加载后不使用 asyncData 获取数据答案

【问题标题】：Nuxt.js App is not fetch data with asyncData after reloadNuxt.js 应用程序在重新加载后不使用 asyncData 获取数据
【发布时间】：2019-12-17 08:47:33
【问题描述】：

当我将asyncData() 函数与setTimeout 一起使用并修复应用程序正在等待打开或重新加载页面的数据时。当我现在尝试从 API 获取数据并且仅单击菜单上的链接到 URL 时，它可以正常工作，但是当我尝试加载或刷新页面时，应用程序不等待 API 的响应并且字段为空白。

这是我尝试过的三个示例，但都不起作用：

asyncData() {
  return new Promise((resolve, reject) => {
    axios.get('/api/member/settings').then((response) => {
      resolve({
        Data: {
          User: response.data
        }
      })
    })
  })
}


asyncData() {
  return axios.get('/api/member/settings')
    .then((res) => {
      return {
        Data: res.data
      }
    })
}


async asyncData() {
  let {
    data
  } = await axios.get('/api/member/settings')
  return {
    Data: data
  }
}

【问题讨论】：

标签： javascript api vue.js async-await nuxt.js

【解决方案1】：

现在我找到了一个解决方案，而不是 API URI 必须是完整的 URL (http://localhost:3000/api/member/settings) 然后它正在重新加载。 :)

【讨论】：

这不是临时修复的解决方案