然后，不会调用捕获

Question

在我的React前端，我成功地将Axios与Post方法联系在一起，在我的Python Falcon后端参数中被成功地接收到，并生成了令牌，问题是从未调用的代码。

async submit() {
  //var aluser = this.this.state.username;
  await axios({
    method: "post",
    url: "http://127.0.0.1:8000/Login",
    headers: {
      "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
    },
    params: {
      username: this.state.username,
      password: this.state.password
    }
  })
    .catch(error => {
      console.log(
        "here is the error on a post request from the python server  ",
        error
      );
    })
    .then(res => {
      console.log(res);
      sessionStorage.setItem("token", res.data[0]);
    });
}

注意：。

预先感谢

Answer 1

尝试使用try/catch

const params = new URLSearchParams();
params.append('username', this.state.username);
params.append('password', this.state.password);
async submit() {
  //var aluser = this.this.state.username;
  try {
    const res = await axios({
      method: "post",
      url: "http://127.0.0.1:8000/Login",
      headers: {
        "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
      },
      params
    })
    sessionStorage.setItem("token", res.data[0]);
  } catch (err) {
    console.log(
      "here is the error on a post request from the python server  ",
      error
    );
  }
}

Answer 2

如果您的后端服务仅返回200响应，则Axios不会拨打"然后"。因为您没有回复数据。我刚刚发送了"确定"。响应有效载荷带有我的200个状态代码。"然后"被称为预期。