javascript - Axios 总是以无效的 url 运行 .then

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。如果您输入真实的网址，例如 http://google.com/您将看到正确的返回结果。