POST http://localhost:3001/createPost 404 (Not Found) EXPRESS & REACT答案

【问题标题】：POST http://localhost:3001/createPost 404 (Not Found) EXPRESS & REACTPOST http://localhost:3001/createPost 404 (Not Found) EXPRESS & REACT
【发布时间】：2021-12-17 05:20:29
【问题描述】：

我正在尝试通过 Axios 将数据从使用 React 创建的页面传递到由 Express 服务器管理的 Mongo 数据库。保存到数据库适用于用户，但对于帖子我收到以下错误消息：

POST http://localhost:3001/createPost 404（未找到）

未捕获（承诺中）错误：请求失败，状态码为 404 在 createError (createError.js:16) 定居时 (settle.js:17) 在 XMLHttpRequest.onloadend (xhr.js:66)

谁能帮帮我？下面我附上代码。

App.jsx

function App(){
  return (
      <Router>
        <Route path="/" exact>
          <Home />
        </Route>

        <Route path="/new">
          <NewPostFromHome />
        </Route>
    </Router>
  );
}

index.js（服务器）

const app = express();
app.use(cors());
app.use(express.json());

//Database connection
mongoose.connect("mongodb://localhost:27017/codingWaifus", {useNewUrlParser: true}, function(err, db){
  if(err){
    console.log(err);
  }
  else{
    console.log("Connected to "+mongoose.connection.name+" on Port: "+mongoose.connection.port);
  }
});
mongoose.connection.on('error', console.error.bind(console, 'MongoDB connection error:'));

app.use("/", require("./routes/userRoute"));
app.use("/new", require("./routes/postRoute"));

app.listen(3001, () => {
  console.log("running on port 3001");
});

postModel.js

const mongoose = require("mongoose");

const postsSchema = {
  title: String,
  body: String
}

const Post = mongoose.model("Post", postsSchema);

module.exports = Post;

postRoute.js

const express = require("express");
const router = express.Router();
const Post = require("../models/postModel");

router.route("/createPost").post((req, res) => {
  const title=req.body.title;
  const body=req.body.body;
  const newPost = new Post({
    title,
    body
  });
  newPost.save();
})

module.exports = router;

【问题讨论】：

app.use("/new", require("./routes/postRoute")); 注意postRoute 路由器是如何添加到/new 路径而不是/
对 Postman 的 POST 请求使用 URL http: //localhost:3001/new/createPost
如果我在 Axios.post 中使用“http://localhost:3001/new/createPost”作为目的地，它可以工作。你知道它为什么会这样吗？有什么方法可以使用 http://localhost:3001/createPost 作为路径使其工作？

标签： javascript reactjs mongodb express axios

【解决方案1】：

看来你的问题是 postRoute 在下面

app.use("/new", require("./routes/postRoute"));

在这里你可以看到你使用了“/new”路由，所以最终的 Url 是

http://localhost:3001/new/createPost

如果你使用这个 URL，它应该可以正常工作

或者您也可以删除“新”字以仅保留此：

app.use("/", require("./routes/postRoute"));

有关此的更多详细信息，请在 express 中查看此中间件文档：https://expressjs.com/en/guide/using-middleware.html

【讨论】：