尝试获取资源时出现网络错误

时间:2021-01-12 17:27:01

标签: reactjs fetch

我尝试向 API 发出请求,但有时请求未完成且错误消息为:

TypeError:尝试获取资源时出现网络错误。

enter image description here

我检查了两个浏览器chrome和firefox。

enter image description here

这里我附上了一些桌面截图。

enter image description here

我期待听到任何解决方案。

谢谢。

管理请求和响应的一些代码行:

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 })
      })
}

和 onPSWChange 函数:

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

这是提交表单,在渲染中我们把它:

<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>

0 个答案:

没有答案