javascript - axios.post 在应用程序中失败，在 URL 中有效

Question

我正在学习 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..."}

Answer 1

当你点击链接时，浏览器向服务器发送一个GET请求。
POST 端点在该特定 URL 地址的服务器端可能不可用。

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

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