使用 Axios 從 React Js 向 url 發送請求時出現網絡錯誤

Question

我正在嘗試在我的 react js 上使用 axios 發送刪除請求。 我已經在 heroku 上部署了 node js 服務器並將其用作我的鏈接。 以下是部署到heroku的server.js中的代碼。

const deletePhoto = async (req, res) => {
  try {
    const file = bucket.file(req.params.name);
    file.delete();

    res.status(200).send("Photo deleted from bucket").end();
  } catch (err) {
    res
      .send(500)
      .send("Error occurred " + err)
      .end();
  }
};

下面的代碼是我使用 react.js 和 axios 發送的請求。

const deleteImage = (docId) => {
    let url =
      "https://photobook-server-khushboo1028.herokuapp.com/files/" + docId;
    console.log(url);
    axios
      .delete(url)
      .then((response) => {
        console.log(response);

        alert("Successfully deleted image");
      })
      .catch((error) => {
        alert(error);
        console.log(error);
      });
  };

我收到的錯誤是這樣的：

Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:117)

我使用的 axios 版本是“0.23.0”。

我什至嘗試通過執行app.use(cors)在我的 node.js 服務器上添加 cors。 請幫幫我。 任何建議表示贊賞。 謝謝你

Answer 1

1. 不確定你是如何設置你的 Heroku 服務器的，req.params 中的name是否與你的 url 中的docId相對應？
2. 您還可以檢查 heroku 上的服務器是否設置為使用 DELETE REST API 請求。