尝试到达定义的路线时出现 404 错误答案

【问题标题】：404 error when trying to reach a defined route尝试到达定义的路线时出现 404 错误
【发布时间】：2021-09-17 13:22:37
【问题描述】：

尽管类似定义的路线工作正常，但我在搜索路线时收到 404 错误。我正在尝试通过标题和/或标签搜索帖子。这是我在后端定义的路由：

const router = express.Router();

router.get("/", getPosts);
router.get("/:id", getPost);
router.get("/search", getPostsBySearch);
router.post("/", auth, createPost);
router.patch("/:id", auth, updatePost);
router.patch("/:id/likePost", auth, likePost);
router.delete("/:id", auth, deletePost);

export default router

这是我搜索帖子的操作：

export const getPostsBySearch = (searchQuery) => async (dispatch) => {
  try {
    dispatch({ type: "START_LOADING" });
    const { data } = await api.fetchPostsBySearch(searchQuery);
    dispatch({ type: "FETCH_BY_SEARCH", payload: data });
    dispatch({ type: "END_LOADING" });
  } catch (error) {
    console.log(error);
  }
}

这里是导出动作路由的 api 文件：

const API = axios.create({ baseURL: "http://localhost:5000" });

export const fetchPosts = (page) => API.get(`/posts?page=${page}`);
export const fetchPost = (id) => API.get(`/posts/${id}`);
export const fetchPostsBySearch = (searchQuery) =>
  API.get(
    `/posts/search?searchQuery=${searchQuery.search || "none"}&tags=${
      searchQuery.tags
    }`
  );

【问题讨论】：

我没有看到任何定义了 /posts 的路线。你打算怎么去那里？
如果这些路由是帖子路由，并且您确定在您的快速应用程序中使用它们时包含/posts，您应该首先在postman 上尝试，看看您是否得到响应。
我在服务器索引文件中设置了使用“/posts”的路由，这就是为什么我没有在路由文件中包含帖子的原因。除了出于某种原因进行搜索之外，所有其他路线都有效。另外，很抱歉这么晚才回复。

标签： javascript node.js reactjs mongodb express

【解决方案1】：

router.get("/search", getPostsBySearch); // Route you mentioned
but you were using `/posts/search`

export const fetchPostsBySearch = (searchQuery) =>
  API.get(
    `/search?searchQuery=${searchQuery.search || "none"}&tags=${
      searchQuery.tags
    }`
  );

【讨论】：

我在我的服务器索引文件中使用了 /posts，但我没有提及。所有其他路线也可以与 /posts 一起使用，只是这个搜索不起作用。

【解决方案2】：

我在搜索路径的顶部有 :id 路径，所以它读取 /search 作为 id，而不是

router.get("/", getPosts);
router.get("/:id", getPost);
router.get("/search", getPostsBySearch);

应该是

router.get("/", getPosts);
router.get("/search", getPostsBySearch);
router.get("/:id", getPost);

【讨论】：