Почему Axios get call возвращает ошибку 404 с базовой настройкой?

Question

Я пытаюсь настроить проект React и хочу, чтобы базовый вызов get работал. URL, который я использую, 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);

прокомментируйте это (и связанное), и, надеюсь, ваша проблема будет решена.