2016-06-17 13 views
0

저는 노드와 익스프레스에 새로운 것이므로 SO 커뮤니티가 바로이 입문 질문에 도움이되기를 바랍니다.익스프레스 + 노드 라우팅 101

나는/about 경로가있는 'about'페이지를 추가하려고합니다. app.js에 app.use('/about', about);을 추가 한 다음 'routes'디렉토리에 'about.js'를 만들고 about.js 파일 (아래)에 about.js 파일을 추가하고 About.jade 파일을 만들었습니다. 내가 http://localhost:3001/about에 갈 때

router.get('/about', function(req, res, next) { 
    res.render('about'); 
}); 

그러나, 내가 얻을 :

Not Found 

404 

Error: Not Found 

내 about.jade 파일 layout.jade 및 index.jade와 함께 뷰 디렉토리에 있습니다.

/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 routes = require('./routes/index'); 
var users = require('./routes/users'); 
var about = require('./routes/about'); 

var app = express(); 

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

// uncomment after placing your favicon in /public 
app.use(favicon(path.join(__dirname, 'public', 'favicon.png'))); 
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('/', routes); 
app.use('/users', users); 
app.use('/about', about); 



// 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 handlers 

// development error handler 
// will print stacktrace 
if (app.get('env') === 'development') { 
    app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
     message: err.message, 
     error: err 
    }); 
    }); 
} 

// production error handler 
// no stacktraces leaked to user 
app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
    message: err.message, 
    error: {} 
    }); 
}); 


module.exports = app; 

완패/about.js : 어떤 도움에 감사드립니다

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

router.get('/about', function(req, res, next) { 
    res.render('about'); 
}); 

module.exports = router; 

, 감사합니다. 당신이 app.use('/about', about);를 통해 /about에 대한 라우터를 장착하기 때문에

답변

2

, 당신은 루트/about.js에서

router.get('/', function(req, res, next) { 
    res.render('about'); 
}); 

처럼 뭔가

router.get('/about', function(req, res, next) { 
    res.render('about'); 
}); 

을 변경해야합니다.