VueJS axios.get 返回错误：请求失败，状态码 404答案

【问题标题】：VueJS axios.get returns Error: Request failed with status code 404VueJS axios.get 返回错误：请求失败，状态码 404
【发布时间】：2021-04-09 18:30:31
【问题描述】：

我调试这段代码已经有一段时间了，运气不好：

async getEvents() {
  try {
    let response = await axios.get("http://localhost:8000/events/");
    console.log(response);
    return response.data;
  } catch (error) {
    console.error(error);
  }
}

完整的代码示例来自：https://auth0.com/blog/how-to-make-secure-http-requests-with-vue-and-express/

访问调用 API 端点的站点时收到错误消息：

Error: Request failed with status code 404
    at createAxiosError (utils.js?c786:148)
    at Object.settle (utils.js?c786:127)
    at handleRequest (handle_request.js?da0c:126)
    at eval (index.js?94db:26)
    at new Promise (<anonymous>)
    at MockAdapter.eval (index.js?94db:25)
    at dispatchRequest (dispatchRequest.js?5270:52)

如果我只是在浏览器中复制 url (http://localhost:8000/events/)，我会收到正确的数据。我试过带和不带斜杠。我是否误解了错误消息，我应该看看别处吗？

【问题讨论】：

404 通常表示找不到资源。您是否在 Axios 实例中添加了任何以前的设置？喜欢 baseURL？
非常感谢，正是 BaseURL，在其他地方被错误地设置为另一个值。花几个小时盯着这个:) 留下一个答案，我会把它标记为正确的:)
太棒了！是的，这可能会导致问题。我确实添加了回复，但您似乎已经接受了另一个回复作为正确回复。总之，祝你好运。

标签： node.js vue.js axios

【解决方案1】：

我有同样的问题，然后在我的 catch(vuex) error.response 中添加了

【讨论】：

【解决方案2】：

404 通常表示找不到资源。您是否在 Axios 实例中添加了任何以前的设置？像baseURL？大多数情况下，BaseURL 设置在 Axios 实例上，这可能会导致混淆和问题。

【讨论】：

【解决方案3】：

在计算机网络通信中，error 404 表示浏览器能够与给定的服务器进行通信，但服务器找不到请求的内容，换句话说，request url 不存在。所以你想仔细检查一下。

解决方法：进入network标签，点击错误请求，在Headers里面，可以看到实际发送到服务器的request url。

【讨论】：

嘿，我有一个类似的问题，我查了你写的请求 URL，但是我该怎么做才能解决这个错误，我不明白出了什么问题？如果您想查看我的问题，将不胜感激：stackoverflow.com/q/70624916/7109256