Question

我正在关注Coding Garden的教程。他在那里写了一个数据库，然后将其发送回客户端。

当我尝试执行此操作时，没有收到服务器的响应。我想我的代码中有些混乱。

当我转到localhost/5000/posts时，没有数据库。为什么我没有收到错误消息或数据库？

最诚挚的问候

预期结果： https://youtu.be/JnEH9tYLxLk?t=3060

客户代码

const form = document.querySelector('form');
const loadingElement = document.querySelector(".loading");
const API_URL = "http://localhost:5000/posts";
      
      
loadingElement.style.display = "none";

form.addEventListener('submit', (event) => {
    event.preventDefault();
    const formData = new FormData(form);
    const name = formData.get('name');
    const content = formData.get('content');
    
    const post = {
        name,
        content
        
    };
    
    form.style.display = "none";
    loadingElement.style.display= "";
    
    fetch(API_URL, {
        method: "POST",
        body: JSON.stringify(post),
        headers: {
            "content-type": "application/json"
        }
    }).then(response => response.json())
    .then(createdPost => {
        console.log(createdPost);
        
    });
    
});

服务器代码

const express = require("express");
const cors = require('cors');
const monk = require("monk");

const app = express();

const db = monk("localhost/posts");
const posts = db.get("posts");


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

app.get("/", (req, res) => {
       res.json({
           message: "Post"
       });
});

function isValidPost(post){
    return post.name && post.name.toString().trim() !== "" &&
        post.content && post.content.toString().trim() !=="";
}


app.post("/posts", (req, res) => {
    if (isValidPost(req.body)){
        const post = {
            name: req.body.name.toString(),
            content: req.body.content.toString(),
            created: new Date()
        };
        //console.log(post);
        posts
            .insert(post)
            .then(createdPost => {
                 res.json(createdPost);
                  });
                
    }else {
        res.status(422);
        res.json({
           message: "Hey, Titel und Inhalt werden benötigt!" 
        });
    }
});

app.listen(5000, () => {
  console.log('Listening on http://localhost:5000');
});

Answer 1

您忘记处理post.insert(...)失败并拒绝的情况。在这种情况下，不会从您的服务器发送任何响应，并且请求将挂起。添加以下内容：

posts
      .insert(post)
      .then(createdPost => {
         res.json(createdPost);
      })
      .catch(err => {
         console.log(err);
          res.status(500).json({errorMessage: err.message});
      });

Answer 2

使用catch处理提取方法。可能会抓住。

.kube

来自服务器的日志记录响应不起作用

2 个答案: