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

當它是一個好的URL時，為什么會失敗？ 如果單擊它，您將在瀏覽器中看到響應：

{“id”：120342，“title”：“SOLID”，“categories”：“OOP”，“content”：“SOLID是首字母縮略詞...”}

Answer 1

單擊該鏈接時，瀏覽器會向服務器發送GET請求。
在該特定URL地址的服務器端可能無法使用POST端點。

只要服務器無法找到具有指定方法（ GET / POST ）的URL，它就會返回404 - Not found錯誤。 在這種情況下，它找不到為該地址定義的任何POST方法。

您應該考慮將方法更改為GET請求，如果這是您想要的。