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   （未找到）

当它是一个好网址时，为什么会失败？如果单击它，您将在浏览器中看到响应：

  

{“id”：120342，“title”：“SOLID”，“categories”：“OOP”，“content”：“SOLID是一个   缩写...“}

Answer 1

当您点击该链接时，浏览器会向服务器发送GET请求 服务器端可能无法在该特定URL地址提供POST端点。

每当服务器无法找到具有指定方法（GET / POST）的URL时，它都会返回404 - Not found错误。在这种情况下，它没有找到为该地址定义的任何POST方法。

您应该考虑将方法更改为GET请求，如果这是您想要的。