ReactJS axios对PHP的POST调用-请求中止错误

ReactJS axios对PHP的POST调用-请求中止错误,reactjs,axios,Reactjs,Axios,我正在尝试使用axios对PHP文件进行POST调用 loginHandler = () => { var params = new URLSearchParams(); params.append('User', this.state.inputUsername); params.append('Pwd', this.state.inputPassword); var callAction = process.env.REACT_APP_API_E

我正在尝试使用axios对PHP文件进行POST调用

 loginHandler = () => {

    var params = new URLSearchParams();
    params.append('User', this.state.inputUsername);
    params.append('Pwd', this.state.inputPassword);

    var callAction =  process.env.REACT_APP_API_ENDPOINT + 'LoginHandler.php';

    axios.post(callAction, params)
    .then(res => {
        const message = res.data;
        console.log(message);
    })
    .catch(function (error) {
        // handle error
        console.log(error);
      })
  }
但我尝试的每件事似乎都会给我一个“请求中止”错误。 但是,从LoginForm组件之外的任何其他组件执行axios请求似乎都可以


我的axios电话有什么问题吗?我只是从一个可以工作的组件复制/粘贴了它,它没有任何问题。

在单击“提交”按钮时调用了该方法,这迫使页面在请求完成之前重新加载

将其移动到表单

 <form onSubmit ={(event) => this.loginHandler(event)} >

终于成功了。

您是否尝试过在json axios.post(callAction,{User:this.state.inputUsername,Pwd:this.state.inputPassword})中放置参数@YatinGaikwad是的,我尝试过,但我得到了相同的错误。你认为发布整个文件会有帮助吗?
event.preventDefault();