locahost 在 React 组件编辑时返回 ERR_CONNECTION_REFUSED

Question

我使用

MEAN

堆栈、

nodemon

和

Parcel

。每次当我编辑我的frontend代码时，

axios

返回

net::ERR_CONNECTION_REFUSED

，我需要重新加载页面1-3次才能避免这个错误。是什么原因造成的？

这是我的请求代码：

 componentDidMount(){
    Axios.get('http://localhost:5000/')
      .then((res) => {
        let newState = Object.assign({}, this.state);
        newState.taskList = res.data;
        this.setState(newState);
      });
  }

Answer 1

您可以使用邮递员等工具测试您的通话，错误可以从您的服务器提供，您还可以通过捕获错误来获取更多信息，如

 Axios.get('http://localhost:5000/')
  .then((res) => {
    let newState = Object.assign({}, this.state);
    newState.taskList = res.data;
    this.setState(newState);
  })
  .catch((err)=>console.log(err));

Answer 2

比较baseURL（http://localhost:5000/）端口（5000）和服务器运行的端口，它们应该是相同的。

Answer 3

baseURL(http://localhost:5000/) 端口 (5000) 和您的服务器运行的端口应该相同。当我尝试从包含 db.json 文件的本地文件夹中获取数据时，我在 React 应用程序上遇到了相同类型的错误 - http://localhost:8000/blogs 因为我的服务器端口是 3000(locahost:3000)。

然后我在新终端上运行此命令来观看 json 文件

npx json-server --watch data/db.json --port 8000

然后它完美运行！