Question

我创建了两个非常基本的应用程序来研究请求。一个是React应用，另一个是Express。我正在尝试使用“ axios”从前端React应用程序发出POST请求。 React应用程序侦听端口3000，而后端Express应用程序侦听4200。因此我的代码是：

React应用程序（前端）。这是我的App组件，index.js指向该组件：

 componentDidMount() {
    
    axios.post("http://127.0.0.1:4200", "hello").then(res =>{
      alert("Sent");
    }).catch(console.error)
  }

  render() {
    return (
      <div>
        <p>Hello World!</p>
      </div>
    )
  }

Express app.js axios部分：

axios = require("axios");
axios.get("/" ).then(function(){
  console.log("I listened");}
).catch(err=> {
  console.log(err);
});

但是我从前端应用程序（localhost：3000）的“检查”选项中得到了此错误

index.js:1 Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:83)

和

VM343:45 POST http://127.0.0.1:4200/ net::ERR_CONNECTION_REFUSED

知道为什么吗？谢谢

Answer 1

就像@vishnusaran所说的，我使用了快递路由器，它起作用了。

我的axios Post请求在我的Reacat应用程序中不起作用

1 个答案: