使用reactjs向节点路径发送axios POST方法的流程是什么？

Question

I am trying to send a POST request using axios to the backend but it is throwing a 404 for the path and i dont know why

Here is the react/redux code calling the axios request

export const addGoal = (newGoal: Goal) => {
  return (dispatch: any) => {
    authMiddleWare(history)
    const newValues = newGoal
    const authToken = localStorage.getItem('AuthToken')
    axios.defaults.headers.common = { Authorization: `${authToken}` }
    axios
      .post('/goal', newValues)
      .then((response) => {
        console.log('success', response.data)
        dispatch({
          type: ADD_GOAL,
          payload: response.data,
        })
      })
      .catch((err) => {
        console.error('\nCould not submit goal\n', err.response)
      })
  }
}

This is the nodejs path i have in my main backend file for calling the paths

app.post("/goal", auth, postOneGoal);

This is the backend function for the node path

// ADDS A SINGLE WORKOUT

exports.postOneGoal = (request, response) => {
  if (request.body.id.trim() === "" || request.body.text.trim() === "") {
    return response.status(400).json({ body: "Must not be empty" });
  }

  const newGoalItem = {
    username: request.user.username,
    id: request.body.id,
    text: request.body.text
  };

  db.collection("goals")
    .add(newGoalItem)
    .then((doc) => {
      const responseNewGoalItem = newGoalItem;
      responseNewGoalItem.id = doc.id;
      doc.update(responseNewGoalItem);
      return response.json(responseNewGoalItem);
    })
    .catch((err) => {
      response.status(500).json({ error: "Couldn't add the goal" });
      console.error(err);
    });
};

I am using a firebase url proxy in my package.json as well.

Let me know if any more info is needed

Answer 1

Posting this as Community Wiki, based in the comments.

Considering the fact that you are using Cloud Functions, you will need to redeploy the functions everytime you update your code. You can check more details on deploying your functions in the official documentation accessible here . There you will have the options regarding how and where you can deploy your functions for better testing.