错误：在 XMLHttpRequest.handleLoad (xhr.js:62) 的结算 (settle.js:17) 处的 createError (createError.js:16) 请求失败，状态码为 404答案

【问题标题】：Error:Request failed with status code 404 at createError (createError.js:16) at settle (settle.js:17) at XMLHttpRequest.handleLoad (xhr.js:62)错误：在 XMLHttpRequest.handleLoad (xhr.js:62) 的结算 (settle.js:17) 处的 createError (createError.js:16) 请求失败，状态码为 404
【发布时间】：2021-07-09 10:17:46
【问题描述】：

这是我的 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”

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

  var express = require('express')

 var router = express.Router()

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

 module.exports = router

【问题讨论】：

标签： javascript reactjs axios

【解决方案1】：

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

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

【讨论】：