reactjs - I couldn't figure out why is the conncection is closed

Question

I'm posting data to the wordpress api but I got this problem of closed connection .. first time it was working but I dont know what happened

handleSignIn = () => {
        const post = {
            "email" : this.state.email,
            "password " : this.password
        }
        axios.post('http://api.piri.ai:3000/v1/public/login' , post)
            .then(res => {this.setState({status: res.data.status})  
            //window.location= '/wp';
            console.log(res.data)
        })
            .catch(e => {console.log(e.message) ; this.setState({status: false})});


    }

in the console log, I got this error

Network Error xhr.js:166 OPTIONS https://api.piri.ai:3000/v1/public/login net::ERR_CONNECTION_CLOSED

标签： reactjsaxioswordpress-rest-api

Answer 1

Updated Answer

I have tested your API with postman and it's working fine in postman. See below image.

Also integrate it in react application as well. But the actual issue is CORS. So for that your server should enable the cross origin requests.

Old Answer

Can you add below code in header

 headers:{
     'Content-Type': 'application/x-www-form-urlencoded',
     'Accept': 'application/json'
}

You can handle network error in catch part like below.

catch(error => {
  if (!error.response) {
      // network error
      this.errorStatus = 'Error: Network Error';
  } else {
      this.errorStatus = error.response.data.message;
  }
})