在 Thinkster MEAN Stack 教程中 API 调用时出现 404

Question

我正在关注 this Thinkster tutorial 使用 MEAN 构建类似 reddit 的网络应用程序。

本教程指示使用 curl 创建一个新的 post。

C:\root>curl --data "title=test&link=http://test.com" http://localhost:3000/posts

但是，我在响应中收到此错误：

<h1>Not Found</h1>
<h2>404</h2>
<pre>Error: Not Found
    at C:\root\app.js:30:13
    at Layer.handle [as handle_request] (C:\root\node_modules\express\lib\router\layer.js:95:5)
    at trim_prefix (C:\root\node_modules\express\lib\router\index.js:312:13)
    at C:\root\node_modules\express\lib\router\index.js:280:7
    at Function.process_params (C:\root\node_modules\express\lib\router\index.js:330:12)
    at next (C:\root\node_modules\express\lib\router\index.js:271:10)
    at C:\root\node_modules\express\lib\router\index.js:618:15
    at next (C:\root\node_modules\express\lib\router\index.js:256:14)
    at Function.handle (C:\root\node_modules\express\lib\router\index.js:176:3)
    at router (C:\root\node_modules\express\lib\router\index.js:46:12)</pre>

我查看了那些文件，但所有参考资料都只是告诉我错误发生了什么...

这是一些代码

/routes/index.js:

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

var mongoose = require('mongoose');
var Post = mongoose.model('Post');
var Comment = mongoose.model('Comment');

router.get('/posts', function(req, res, next){
    Post.find(function(err,posts){
        if(err){ return next(err); }

        res.json(posts);
    })
})
router.post('/posts', function(req,res,next){
    var post = new Post(req.body);

    post.save(function(err, post){
        if(err){ return next(err); }

        res.json(post);
    })
})

/models/Posts.js:

var mongoose = require('mongoose');

var PostSchema = new mongoose.Schema({
    title: String,
    link: String,
    upvotes: {type: Number, default: 0},
    comments: [{type: mongoose.Schema.Types.ObjectId, ref: 'Comment'}]
});

mongoose.model('Post', PostSchema);

app.js:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

var mongoose = require('mongoose');
require('./models/Posts');
require('./models/Comments');

mongoose.connect('mongod:localhost/news');

我觉得我做的一切都是正确的，除了我不确定在路由索引文件中放置额外路由的位置，在 app.js 中也是如此。但这对我来说似乎可以忽略不计。我执行了所有我能想到的调试，但被卡住了。

还应注意，本教程可能不适用于 Windows 机器。我不得不安装 curl 并做一些在 Linux 或 Mac 上可能不需要的其他事情。我正在使用 Windows 10.

Answer 1

您的 module.exports 在 routes/index.js 中被过早调用。将 module.exports = router; 移至文件底部，重新启动您的服务，然后重试。

app.js 也有问题。见下文：

app.js:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

// Notice the differences starting here
var app = express();

var mongoose = require('mongoose');

// connect MongoDB
mongoose.connect('mongodb://localhost/news', function(err,db){
    if (!err){
        console.log('Connected to /news!');
    } else{
        console.dir(err); //failed to connect
    }
});

require('./models/Posts');
require('./models/Comments');

var index = require('./routes/index');
var users = require('./routes/users');

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});


module.exports = app;

routes/index.js:

var express = require('express');
var router = express.Router();
var mongoose = require('mongoose');
var Post = mongoose.model('Post');
var Comment = mongoose.model('Comment');

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

router.get('/posts', function(req, res, next){
    Post.find(function(err,posts){
        if(err){ 
            alert(err);
            return next(err); 
        }

        res.json(posts);
    })
})

router.post('/posts', function(req,res,next){
    var post = new Post(req.body);

    post.save(function(err, post){
        if(err){ 
            alert(err);
            return next(err); 
        }

        res.json(post);
    })
})

module.exports = router;

在 Thinkster MEAN Stack 教程中 API 调用时出现 404

404 on API call in Thinkster MEAN Stack Tutorial

express

mean-stack