javascript - 尝试到达定义的路线时出现 404 错误

Question

尽管类似定义的路线工作正常，但搜索路线出现 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
    }`
  );

标签： javascriptnode.jsreactjsmongodbexpress

Answer 1

我在搜索路由顶部有 :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);