javascript - 为什么 Axios get call 使用基本设置返回 404 错误?
问题描述
我正在尝试建立一个 React 项目并希望获得一个基本的 get call 工作。我使用的 urlhttps://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
任何帮助表示赞赏:)
解决方案
我刚刚遇到了同样的问题,正如@skyboyer 指出的那样,问题很可能是由于打开了axios-mock-adapter
. 如果是这种情况,您可以通过在浏览器控制台中查看您的实际网络请求来确认,该axios
请求根本没有执行任何请求(列表中没有对所需 url 的请求)。检查您的代码在哪里有这样的一行:
const mock = new MockAdapter(axios);
评论它(和相关的),希望你的问题会得到解决。
也可以基于空的 axios 实例(即空的基本 url)创建一个模拟适配器实例。像这样的东西:
const mock = new MockAdapter(axios.create());
这样,您就不必在每次要运行测试时更改测试环境。
推荐阅读
- azure - Azure 机器学习服务在哪里缓存数据?
- python - 使用 scapy 从 pcap 文件中提取有效负载中的特定字节
- excel - 用于将所有数据转换为具有任意数量分隔符的列的 VBA 代码
- laravel - 如何在 Google Cloud 中访问 Laravel 文件夹
- r - 将长 Excel 公式翻译成 Dplyr
- php - 如何检查 php 参数的来源?我
- c# - 如何避免创建没有内容的空白通知弹出窗口
- firebase - Firebase 实时数据库的未知待处理问题每天都在发生
- clojure - 如何使用 Cheshire 自定义编码器以 JSON 格式打印 EDN 输出
- java - Eclipse Java IDE,在光标之后插入分号。我如何解决它?