我不熟悉node和express,因此可能不太清楚
我正在使用mongodb制作一个迷你twitter克隆。 当你提交你的tweet(在我的应用程序中称为mew)时,它会发出一个post请求。 即使数据被保存,它只保存__v_id和时间戳
我试过的事
我的代码
后端:
const express = require("express");
const cors = require("cors");
const { log } = console;
const mongoose = require("mongoose");
const app = express();
app.use(cors());
app.use(express.json());
const uri =
"mongodb+srv://meow:nadle2010@twitter-ci8qa.gcp.mongodb.net/twitter?retryWrites=true&w=majority";
mongoose.connect(uri, { useNewUrlParser: true, useUnifiedTopology: true });
var Schema = mongoose.Schema;
var postSchema = new Schema(
{
name: String,
content: String,
},
{
timestamps: true,
}
);
var p = [];
var Post = mongoose.model("Post", postSchema);
const { connection } = mongoose;
connection.on("open", () => log("MongoDB: Connected"));
function isValidMew(mew) {
return (
mew.name &&
mew.name.toString().trim() !== "" &&
mew.content &&
mew.content.toString().trim !== ""
);
}
app.get("/", (req, res) => {
Post.find().then((p) => {
old = p;
res.json(p);
});
});
app.post("/mews", (req, res) => {
if (isValidMew(req.body)) {
const newMew = {
name: req.body.name.toString(),
content: req.body.content.toString(),
};
p = [...p, newMew];
log(p);
var postCollection = new Post(p);
postCollection.markModified("twitter.posts");
postCollection.save((err) => {
if (err) {
log(err);
} else {
console.log("worked");
}
});
} else {
res.status(500);
res.json({
err: "invalid request",
});
}
});
app.listen(7777, () => {
log("listening");
});
前端:
const form = document.querySelector(".form");
const loading = document.querySelector(".loading");
const API_URL = "http://localhost:7777/mews";
loading.style.display = "none";
form.addEventListener("submit", (e) => {
e.preventDefault();
const formdata = new FormData(form);
const name = formdata.get("name");
const content = formdata.get("content");
const mew = {
name,
content,
};
loading.style.display = "";
form.style.display = "none";
fetch(API_URL, {
method: "POST",
body: JSON.stringify(mew),
headers: {
"content-type": "application/json",
},
});
fetch("http://localhost:7777/")
.then((res) => res.json())
.then((data) => alert(JSON.stringify(data)));
form.style.display = "initial";
loading.style.display = "none";
});
问题是,您没有将新的post/code>-对象传递给
/mews
-处理程序中的post/code>-模型,而是在将
p
-数组与newmew
一起扩展并创建新数组时传递一个数组。 所以将其改为:
...
const newMew = {
name: req.body.name.toString(),
content: req.body.content.toString(),
};
log(newMew);
const postCollection = new Post(newMew);
...
应该能解决问题。