reactjs - Network Error when attemting to fetch resource

Question

I try to do a request to an API, but sometimes request is not done and the error message is:

TypeError: Network Error when attemting to fetch resource.

I checked by two browser chrome and firefox.

Here i attached some screenshot of the desktop.

I lookforward to hear any solutions.

Thank you.

Some lines of the code to manage request and response:

handleSubmit(event) {
    salone
      .get(`/attestati/verifypassword?contentId=${this.props.id}&password=${this.state.psw}`, {
        headers: {
          Authorization: `Bearer ${localStorage.getItem("token")}`,
          "content-type": "application/json",
        },
      })
      .then((response) => {
        this.setState({
          changePas: response?.data.detail,
        })
        console.log(this.state.changePas);
      })

      .catch((error) => {
        // window.open(error.response?.data.detail)
        console.log(error.response?.data.msg);
        this.setState({ changePas: error.response?.data.msg })
      })
}

and onPSWChange function:

onPSWChange(event) {
    this.setState({ psw: event.target.value })
  }

Here is the submit form, in render we put it:

<div><Form method="get" id="contact-form" onSubmit={(e) => this.handleSubmit(e)} >
          <label htmlFor="PSW" contentEditable="true" ></label>
          <textarea type="text" style={{ height: "38px", resize: "none" }} placeholder="inserisci password" className="form-control" onChange={this.onPSWChange} />
          <button type="submit" className="button blue-btn w-100">Invia</button>
 </Form></div>

Answer 1

等待大神答复