开机自检 http://localhost:3001/createPost 404（未找到）快递

Question

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

POST http： // 本地主机： 3001 / 创建帖子 404 （未找到）

未捕获（promise）错误：请求失败，状态代码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;

Answer 1

似乎您的问题是postRoute位于

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

在这里，您可以看到您使用了“/new”路由，因此最终URL将是

http： // 本地主机： 3001 / 新建 / 创建帖子

如果使用此Url，它应该可以正常工作

或者，您也可以删除“新”一词，只保留以下内容：

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

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