Javascript 为什么我的第一次加载数据axios是return 404 Vue Js？

伙计们，我试着获取数据并在我的组件中显示它。但问题是，获取获取的数据

404

或第一次加载时未显示的数据。。但是，当我再次尝试重新加载时，数据会按应该的方式显示。还有一件事。。正如我所说，数据成功上传到服务器，甚至响应状态

404

顺便说一下，这是我的组件.js

getApi（）{
返回api.get（“/routeName”）
}

这是我的商店

async fetchApi（{commit}）{
试一试{
让{
数据：{data}
}=等待组件。getApi（）
提交（“设置API”，数据）
}捕获（错误）{
返回承诺。拒绝（错误）
}
}

这就是我如何从组件中的存储调用

fetchApi

async created（）{
等待此消息。getApi（）
}
方法：{
异步getDraft（）{
试一试{
等待此消息。$store.dispatch（“组件/fetchApi”）
this.scrollToTop（）
}捕获（错误）{
错误
}
}
}

我假设您访问了

标记中的VUEX状态数据（我无法通过评论获取更多信息。）

如果我是对的，问题是当您访问时数据为null时，组件不监视VUEX状态

如果在VUEX状态数据为null时进行渲染，则在调用存储中的fetchDraft时进行数据更新。在组件中不跟踪您的VUEX。我不知道为什么它发生在低水平

在我的例子中，我需要使用setInterval将Vuex状态加载到组件中的本地数据。并使用它，而不是直接访问vuex

前

---

这不是最好的解决办法。但是它帮助我解决了组件提供的代码LGTM的问题。试着通过做两件事来调试整个过程：1。检查网络选项卡（浏览器devtools）并查看为什么您有404（检查您发送的响应和有效负载，可能缺少某些内容）2。检查vuex突变及其包含的内容。把刷新放在一边，因为这不是一种真正的方式。另外，您是否有加载组件的逻辑或异步性？Vue“创建”挂钩不是异步的@基苏：谢谢你的回答。有道理，但逻辑上。。组件中的逻辑是什么意思？谢谢大家，你好@kissu，我已经试着查看我的商店，现在我知道，当Promissions没有从

Wait reviewClient.getDraft（）

获取数据时，问题就开始了。我尝试console.log因为您从api获得了404，我认为您的问题不在客户端javascript中，但问题存在于

/reviews/draft

的api响应中？

created() {
  this.intervalUpdate = setInterval(() => {
      this.updateData();
    }, 1000);
},

destroyed() {
  clearInterval(this.intervalUpdate);
},

methods: {
  async updateData() {
    this.draftData = await this.$store.dispatch("review/fetchDraft");
  }
}