axios.post 在应用程序中失败,在 URL 中有效

axios.post Fails in App, Works in URL

我正在学习 React-Redux 教程。当 运行 应用程序时,我的 axios.post() 失败,但如果我使用相同的 URL 并将其粘贴到浏览器的地址文本框中,它就可以工作。为什么会这样?

这是我应用中的调用:

const request = axios.post(`${ROOT_URL}/posts/${id}${API_KEY}`);

这里报错,如Chrome中F12所示:

POST http://reduxblog.herokuapp.com/api/posts/120342?key=bob884 404 (Not Found)

为什么好的 URL 会失败?如果单击它,您将在浏览器中看到响应:

{"id":120342,"title":"SOLID","categories":"OOP","content":"SOLID is an acronym..."}

当您单击 link 时,浏览器会向服务器发送 GET 请求。
POST 端点可能无法从该特定 URL 地址的服务器端获得。

每当服务器无法使用指定方法 (GET / POST) 找到 URL 时,它会 returns 出现 404 - Not found 错误。在这种情况下,它找不到为该地址定义的任何 POST 方法。

如果需要,您应该考虑将方法更改为 GET 请求。