Axios всегда запускается .then с неверным URL

Question

Я использую axios, чтобы заставить HTTP получить вызов, если я укажу неправильный URL-адрес, axios запускает .then (), как если бы он был успешным.Как получить ошибку, если не удается найти URL

import React, { Component } from "react";
import axios from "axios";

export default class AxiosRequest extends Component {
  render() {
    axios
      .get("invalidurl")

      .then(response => {
        console.log("Axios request successful...or was it, No it wasnt");
      })
      .catch(err => {
        console.log("Axios request error", err);
      });

    return <h1>Axios Request</h1>;
  }
}

Запуск песочницы, чтобы показать проблему.https://codesandbox.io/s/9lmn7316kp

Answer 1

Причина этого в том, что если вы откроете консоль «Сеть» в своем веб-браузере, вы увидите, что выполняемый запрос относится к веб-странице, на которой вы сейчас находитесь (песочница), возвращая, таким образом, 200. Если вы вставилиреальный URL, такой как http://google.com/, вы увидите правильный возврат.