javascript - 无法在 Axios 中取消 POST

Question

在 Axios 中取消 POST 后，代码无法运行。你能告诉我，出了什么问题吗？

      var CancelToken = axios.CancelToken;
      var source = CancelToken.source();

      axios
        .post(
          "http://api.image-service/upload",
          data,
          {
            headers: { "Content-Type": "multipart/form-data" }
          },
          {
            cancelToken: source.token
          }
        )

        .then(response => {
          if (response.data.StatusCode == 1) {
            console.log("Retry", response.data);
          } else if (response.data.StatusCode == 0) {
            console.log("Success", response.data);
          }
        })
        .catch(error => {
          if (axios.isCancel(error)) {
            console.log("Post Request canceled");
          } else {
            console.log("Error connecting to server", error);
          }
        });

      source.cancel();

还有一个问题:我可以从其他功能取消吗？例如:如果我等待超过1分钟，我想点击取消请求按钮。

Answer 1

我在获取请求时遇到了同样的问题。 您需要在 axios 属性中传递 header 。 axios.get(url, { cancelToken: ..., headers: { ... } }).then...