javascript - 为什么 Axios get call 在基本设置下会返回 404 错误？

Question

我正在尝试建立一个 React 项目，并希望进行基本的 get 调用。我使用的网址是 https://jsonplaceholder.typicode.com/todos/1 只是为了测试并查看一切是否正常。但是，我收到了 404 错误。我调用的电话是

axios.get('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => console.log(response))
  .catch(error => console.log(error.response));

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.js"></script>

当我使用 Fetch API 尝试此调用时，我得到了正确的响应，但使用 Axios 时，我得到了此错误 {status: 404, config: {…}, data: undefined}。我已经尝试解决这个问题好几天了，但没有任何效果。是否有某种类型的明显设置我可能错过了？

我大部分时间都遵循了本教程:https://hackernoon.com/tutorial-how-to-make-http-requests-in-react-part-3-daa6b31b66be

感谢任何帮助:)

Answer 1

我刚刚遇到了同样的问题，正如 @skyboyer 指出的那样，该问题可能是由于打开了 axios-mock-adapter 造成的。如果是这种情况，您可以通过在浏览器控制台中查看实际的网络请求来确认 axios 根本没有执行任何请求(列表中没有出现对所需 URL 的请求)。检查你的代码哪里有这样一行:

const mock = new MockAdapter(axios);

评论它(和相关的)，希望你的问题能够得到解决。

还可以基于空 axios 实例(即空基本 url)创建模拟适配器实例。像这样的事情:

const mock = new MockAdapter(axios.create()); 

这样您就不必每次运行测试时都更改测试环境。