Question

我目前是一名使用Node学习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（访问路线时呈现的文件）中删除标头，同时保留console.log(err)，这也解决了问题。我尝试删除标头，因为标头包含链接我在错误中提到的app.css文件的标签。我想知道css文件在console.log(err)中出了什么问题。 ps。我正在使用Expres进行路由和猫鼬访问MongoDB数据库。 “博客”是一系列博客。如果您想看一下我的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查询，但是这篇文章说明了如何修复语法（阅读答案的注释）关于为CSS名称使用相对路径）：

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

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

有关服务器崩溃的标题问题以及以下发现：

当我使用浏览器访问路线时，它将永远加载

是因为端点在收到错误时从未向客户端发出响应。所有端点都需要以某种方式响应客户端。对于您而言，已记录的1建议是接下来调用Express中间件功能：

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

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

与您发布的内容不同的是，Express服务器很可能不会崩溃。就像您询问的那样，它正在记录控制台消息并显示错误，然后继续等待新的请求（将错误记录到控制台完全可以！）。如果崩溃，您可能会在浏览器中看到500错误页面，并且节点进程将终止。我提到这一点是希望对以后的调试有所帮助。我认为，如果您搜索了端点不返回的客户端问题，那么您可能会找到有关永不返回客户端的端点的现有答案（这是入门时遇到的常见问题）。希望对您有所帮助！

Express Error Handling Doc

Answer 2

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

说明：

您正在使用app.use(express.static("public"));，当触发该路由时，它会尝试在您的html链接标记中呈现app.get("/blogs/:id", function(req, res){...});，因为它符合style.css的路径，因为这会触发/blogs/style.css公用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）使我的网站崩溃

3 个答案: