错误：在 XMLHttpRequest.handleLoad (xhr.js:62)

如何解决错误：在 XMLHttpRequest.handleLoad (xhr.js:62)

这是我的 App.js 文件

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

export default class App extends Component {
 state = {
  hello: null
    }

 componentDidMount() {
 // API call via local server
  axios.get('/hello')
  .then(res => this.setState({ hello: res.data }))
  .catch(error => console.error(error))
  }

  render() {
  return (
    <div className="App">
   
    {this.state.hello
      ? <div>{this.state.hello}</div>
      : ''}
   </div>
   )
   }
   }

我正在通过代理连接我的快速服务器 "代理": "http://localhost:5000"

我已经创建了示例 express 项目并像这样定义它

  var express = require('express')

 var router = express.Router()

  router.get('/hello',function (req,res) {
 res.json("hello world")
 })

 module.exports = router

解决方法

您收到 404，因为您的 axios 调用将转到您的网络应用程序，而不是端口 5000。您需要在您的 axios 网址中更加明确，如下所示：

  axios.get('http://localhost:5000/hello')
  .then(res => this.setState({ hello: res.data }))
  .catch(error => console.error(error))
  }