使用 Axios 从 React Js 向 url 发送请求时出现网络错误

Question

I am trying to send a delete request using axios on my react js. I have deployed the node js server on heroku and using that as my link. The following is the code in server.js which is deployed to heroku.

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

The code below is my request which is sent using react.js and 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);
      });
  };

The error which I receive is this:

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

The version of axios I am using is "0.23.0".

I have even tried adding cors on my node.js server by doing app.use(cors) . Please help me out. Any suggestion is appreciated. Thank You

Answer 1

1. Not sure how you have set up your heroku server, does name in req.params corresponds to docId in your url?
2. Also can u check that the server on heroku is set up to use DELETE REST API request.