使用reactjs将axios POST方法发送到节点路径的过程是什么

Question

我正试图使用axios向后端发送POST请求，但它为路径抛出了404，我不知道为什么是

这是调用axios请求的react/redux代码

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 goaln', err.response)
})
}
}

这是我在主要后端文件中的nodejs路径，用于调用路径

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

这是节点路径的后端功能

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

我在我的package.json中也使用了firebaseurl代理。

如果需要更多信息，请告诉我

Answer 1

根据评论将其发布为社区Wiki。

考虑到您正在使用云函数，每次更新代码时都需要重新部署这些函数。您可以在此处访问的官方文档中查看有关部署功能的更多详细信息。在那里，您可以选择如何以及在哪里部署功能以进行更好的测试。