为什么Axios拨打电话为什么在基本设置中返回404错误?

时间:2018-10-30 15:16:15

标签: javascript reactjs axios axios-mock-adapter

我正在尝试建立一个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

我们将不胜感激:)

1 个答案:

答案 0 :(得分:0)

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

const mock = new MockAdapter(axios);

评论(和相关),希望您的问题能够得到解决。