Почему 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>

Когда я пытаюсь выполнить этот вызов с помощью API Fetch, я получаю правильный ответ, но с помощью 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);

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