Question

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

这是我尝试过的三个示例，但这些示例均无效：

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
  }
}

Answer 1

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

重新加载后，Nuxt.js应用程序未使用asyncData获取数据

1 个答案: