Console.log(err) 让我的网站崩溃

Question

我目前是一名学生，正在学习使用 Node.js 进行 Web 开发。我最近正在审查 RESTful 路线。为此，我正在建立一个博客网站。我正在设置一个路由来显示一个特定的博客“/blogs/:id”，它可以让你看到一个博客的所有内容。这是路线：

app.get("/blogs/:id", function(req, res){
    blog.findById(req.params.id, function(err, blog){
        if(err){
            console.log(err)
        } else{
            res.render("show", {body: blog});
        }
    })
})

当我使用浏览器访问路线时，它永远加载，我在终端中收到以下错误：

{ CastError: Cast to ObjectId failed for value "app.css" at path "_id" for model "blog"
    at MongooseError.CastError (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/error/cast.js:29:11)
    at ObjectId.cast (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/schema/objectid.js:158:13)
    at ObjectId.SchemaType.applySetters (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/schematype.js:724:12)
    at ObjectId.SchemaType._castForQuery (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/schematype.js:1113:15)
    at ObjectId.SchemaType.castForQuery (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/schematype.js:1103:15)
    at ObjectId.SchemaType.castForQueryWrapper (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/schematype.js:1082:15)
    at cast (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/cast.js:303:32)
    at Query.cast (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/query.js:3355:12)
    at Query._castConditions (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/query.js:1327:10)
    at Query._findOne (/home/ubuntu/workspace/RESTful/node_modules/mongoose/lib/query.js:1552:8)
    at process.nextTick (/home/ubuntu/workspace/RESTful/node_modules/kareem/index.js:333:33)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)
  message: 'Cast to ObjectId failed for value "app.css" at path "_id" for model "blog"',
  name: 'CastError',
  stringValue: '"app.css"',
  kind: 'ObjectId',
  value: 'app.css',
  path: '_id',
  reason: undefined,
  model: 
   { [Function: model]
     hooks: Kareem { _pres: [Object], _posts: [Object] },
     base: 
      Mongoose {
        connections: [Object],
        models: [Object],
        modelSchemas: [Object],
        options: [Object],
        _pluralize: [Function: pluralize],
        plugins: [Object] },
     modelName: 'blog',
     model: [Function: model],
     db: 
      NativeConnection {
        base: [Object],
        collections: [Object],
        models: [Object],
        config: [Object],
        replica: false,
        options: null,
        otherDbs: [],
        relatedDbs: {},
        states: [Object],
        _readyState: 1,
        _closeCalled: false,
        _hasOpened: true,
        _listening: false,
        _connectionOptions: [Object],
        client: [Object],
        name: 'restful_routing_revision',
        '$initialConnection': [Object],
        db: [Object] },
     discriminators: undefined,
     '$appliedMethods': true,
     '$appliedHooks': true,
     schema: 
      Schema {
        obj: [Object],
        paths: [Object],
        aliases: {},
        subpaths: {},
        virtuals: [Object],
        singleNestedPaths: {},
        nested: {},
        inherits: {},
        callQueue: [],
        _indexes: [],
        methods: {},
        methodOptions: {},
        statics: {},
        tree: [Object],
        query: {},
        childSchemas: [],
        plugins: [Object],
        s: [Object],
        _userProvidedOptions: {},
        options: [Object],
        '$globalPluginsApplied': true,
        _requiredpaths: [] },
     collection: 
      NativeCollection {
        collection: [Object],
        opts: [Object],
        name: 'blogs',
        collectionName: 'blogs',
        conn: [Object],
        queue: [],
        buffer: false,
        emitter: [Object] },
     Query: { [Function] base: [Object] },
     '$__insertMany': [Function],
     '$init': Promise { [Object], catch: [Function] } } }

但出于某种原因，当我将回调更改为以下内容时：

app.get("/blogs/:id", function(req, res){
        blog.findById(req.params.id, function(err, blog){
            if(err){
                res.redirect("/")
            } else{
                res.render("show", {body: blog});
            }
        })
    })

该网站运行良好。我还尝试从 show.ejs（访问路由时呈现的文件）中删除 header，同时保留 console.log(err)，这也解决了问题。我尝试删除 header，因为 header 包含链接我在错误中提到的 app.css 文件的标签。我想知道 console.log(err) 和 css 文件有什么问题。 p.s。我正在使用 Expres 作为路由，使用 mongoose 来访问 MongoDB 数据库。 "blog" 是博客数组。如果你想看看我的 show.ejs 文件，这里是：

<% include partials/header %>

<h1><%= body.title%></h1>
<img src="<%=body.image%>">
<p><%=body.body%></p>
<div><%=body.created%></div>

<% include partials/footer %>

如果你想看一下 app.css 文件，这里是：

img{
    max-width: 600px;
    width: 600px;
}

如果你想看一下 header.ejs 文件，这里是：

<!DOCTYPE html>
<html>
    <head>
        <title>Blogs Website</title>
        <link rel="stylesheet" type="text/css" href="app.css">
    </head>
    <body>

这是完整的 app.js 文件（包含路线的文件）：

var express = require("express"),
    app = express(),
    mongo = require("mongoose"),
    bodyParser = require("body-parser"),
    expressSanitizer = require("express-sanitizer"),
    methodOverride = require("method-override");

mongo.connect("mongodb://localhost/restful_routing_revision");
app.use(bodyParser.urlencoded({extended: true}));
app.use(expressSanitizer());
app.set("view engine", "ejs");
app.use(express.static("public"));
app.use(methodOverride('_method'));

var blogSchema = new mongo.Schema({
    title: String,
    body: String,
    image: String,
    created: {type: Date, default: Date.now} 
});

var blog = mongo.model("blog", blogSchema);


app.get("/", function(req, res){
    res.render("landing");
});

app.get("/blogs", function(req, res){
    blog.find({}, function(err, body){
        if(err){
            console.log(err)
        }else{
            res.render("index", {blogs: body})
        }
    })
})

app.get("/dogs/new", function(req, res){
    res.render("new");
})

app.post("/dogs", function(req, res){
    var blogBody = req.body.blog;
    blog.create(blogBody, function(err, body){
        if(err){
            console.log(err)
        }else{
            res.redirect("/blogs")
        }
    })
})

app.get("/blogs/:id", function(req, res){
    blog.findById(req.params.id, function(err, blog){
        if(err){
            // res.redirect("/")
            console.log(err)
        } else{
            res.render("show", {body: blog});
        }
    })
})

// blog.findById(req.params.id, function(err, blog){
//       if(err){
//           res.redirect("/");
//       } else {
//           res.render("show", {body: blog});
//       }
//   });
// });

app.listen(process.env.PORT, process.env.IP, function(){
    console.log("The Server has Started!!!!");
})

上面有很多我打算稍后使用的 npm 包。而且我知道博客架构格式不正确。我也试过同时做 console.log(err) 和 res.redirect("/")，我到达了显示页面，但仍然得到同样的错误。

Answer 1

关于 CastError，我不知道底层 ejs 代码中发生了什么导致它尝试运行使用 css 文件名的 Mongo 查询，但是这个 post 解释了如何修复你的语法（阅读答案关于使用 css 名称的相对路径的评论）：

NodeJS error when rendering page:Cast to ObjectId failed for value "styles.css" at path "_id"

我认为这将消除您端点中的错误。

关于服务器崩溃的标题问题和观察：

When I access the route using the browser, it loads forever

是因为当您收到错误时端点不会向客户端发出响应。所有端点都需要以某种方式响应客户端。在您的情况下，已记录的1 建议接下来调用 Express 中间件函数：

blog.findById(req.params.id, function(err, blog){
    if(err){
        console.log(err);
        next(err);
    } else{

下一个函数将return一个错误结果发送给客户端浏览器。您需要使用 next，因为 Mongoose 模型的 .find 函数是异步的，而 Expresses next 函数旨在正确处理此问题。

一个单独的细节，根据您 post 编辑的内容，您的 Express 服务器很可能没有崩溃。它正在记录带有错误的控制台消息，就像您询问的那样，然后继续等待新请求（将错误记录到控制台是完全可以的！）。如果它崩溃了，您可能会在浏览器中看到一个 500 错误页面，并且节点进程将终止。我提到这一点是希望对以后的调试有所帮助。我想如果你搜索过端点的客户端问题而不是 returning，你可能会找到一个关于端点的现有答案，这些端点从不 return 到客户端（这是运行进入入门时）。希望对您有所帮助！

Express Error Handling Doc

Answer 2

只需使用绝对路径 /style.css 而不是相对路径 style.css.

解释：

您正在使用 app.use(express.static("public")); 这将使路由 app.get("/blogs/:id", function(req, res){...}); 在触发时尝试在您的 html link 标记中呈现 style.css 因为它满足路由路径为 /blogs/style.css 因为你的 public folder 与 blogs 处于同一级别，所以将 / 放在 style.css 前面使得它是一个绝对路径，因此执行将从种子开始路径，而不是从 blogs.

继续向下

另一个 解决方案 是通过实际为它创建一个路由来处理路由 blogs/style.css 的触发，如下所示：

app.get('/campgrounds/app.css', function(req, res) {
    break;
});

确保把它放在路由app.get("/blogs/:id", function(req, res){...});之前，如果触发则首先执行。

希望对您有所帮助。

Answer 3

你必须把这一行放在最后

在 app.js 文件中剪切此行并将其粘贴到末尾：

app.use(express.static("public"));

Console.log(err) 让我的网站崩溃

Console.log(err) is crashing my website

database

rest

routes

node.js

console.log