axios.post 在应用程序中失败，在 URL 中工作

Question

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

这是我应用程序中的调用：

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

这是错误，如 Chrome 中的 F12 所示：

邮编 http://reduxblog.herokuapp.com/api/posts/120342?key=bob884 404 (未找到(

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

{"id"：120342，"title"："SOLID"，"categories"："OOP"，"content"："SOLID is an 首字母缩略词..."}

Answer 1

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

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

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