【问题标题】:404 on API call in Thinkster MEAN Stack TutorialThinkster MEAN Stack 教程中 API 调用的 404
【发布时间】:2017-01-12 03:02:43
【问题描述】:

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

本教程指导使用curl 创建一个新帖子。

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。

【问题讨论】:

  • 我退出这个问题并删除了我的答案,因为我不知道是什么导致了你的问题。我对你的建议是更多地了解你的程序中实际发生的事情,而不是盲目地遵循应用程序生成器和教程,而不知道它们做什么或如何工作。此外,当人们要求提供启动服务器的代码(在您的 app.js 中)时,不要花 19 个小时才能最终提供它。祝您好运解决您的问题。
  • @jfriend00 我只是想让一个简单的 API 工作。我以为我可以在完成本教程时学习。我应该怎么学习这些东西?
  • 如果您不知道您的代码在做什么以及它是如何工作的,那么当某些东西停止工作时,您将不知道如何修复或调试。我个人从一个更简单的手工构建应用程序开始,并在我了解它们如何工作以及它们如何连接到应用程序时一次添加一些东西。在我了解 Express 中请求路由的基础知识之前,我并没有从由某些带有路由器和数据库的生成器创建的多文件应用程序开始。您试图向前跳 10 步,却不知道这 9 步中的任何一步是如何工作的。
  • @frlan 对不起,我会更新的。我的意思是我开始它的文件夹是站点的根文件夹。我在 Windows 中,所以我认为 root 甚至不是用户。还是您发表该评论的其他原因?
  • @TravisHeeter 你好!您能否验证一下:如果您使用浏览器获取路线,您的路线处理是否正确,您是否尝试使用“curl -X POST --data”...“localhost:3000/posts”的 RESTful POST 变体?除此之外,我想这个生成的app.js 可能配置错误(根据教程中没有它)。

标签: express mean-stack


【解决方案1】:

您的module.exportsroutes/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;

路由/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;

【讨论】:

  • 如何回收服务 - 只需关闭我以前使用npm start 的 cmd 窗口并再次运行?
  • 对不起,像停止你的 express 应用一样回收,并在更改后重新启动。所以,是的,npm start。如果您希望您的服务持续存在,我强烈推荐 pm2
猜你喜欢
  • 1970-01-01
  • 2015-07-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-03-04
  • 2019-10-01
相关资源
最近更新 更多