javascript - Basic nodejs route resulting in 404 -
i trying create 2 separate routes in nodejs, using express framework , angular on client side. able render index page visiting localhost:3000/ although when try render login page visiting localhost:3000/login getting get /login 404 error , not sure why b/c set extremely similar index route. not sure if missed something.
this app.js
//require dependencies 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'); //require routes not user yet var routes = require('./routes/index'); var login = require('./routes/login'); //start app var app = express(); // view engine setup - default views directory app.set('views', path.join(__dirname, 'views')); app.locals.delimiters = '<% %>'; app.set('view engine', 'hjs'); //use hogan templating views // uncomment after placing favicon in /public //app.use(favicon(__dirname + '/public/favicon.ico')); app.use(logger('dev')); app.use(bodyparser.json()); app.use(bodyparser.urlencoded({ extended: false })); app.use(cookieparser()); app.use(require('less-middleware')(path.join(__dirname, 'public'))); app.use(express.static(path.join(__dirname, 'public'))); app.use('/', routes); app.use('/login', login); // catch 404 , forward error handler app.use(function(req, res, next) { var err = new error('not found'); err.status = 404; next(err); }); // error handlers // development error handler // 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 user app.use(function(err, req, res, next) { res.status(err.status || 500); res.render('error', { message: err.message, error: {} }); }); module.exports = app; routes/login.js
var express = require('express'); var router = express.router(); router.get('/login', function(req, res){ res.render('login'); }); module.exports = router; views/login.hjs
<!doctype html> <html> <head> </head> <body> hello world </body> </html> visiting localhost:3000/login renders following:
{{ message }} {{ error.status }} {{ error.stack }}
when writing app.use('/login', login), telling express use router under namespace : '/login'; therefore, routes defined login.js don't need prefix.
try access localhost:3000/login/login ;)
then, change router to:
router.get('/', function(req, res){ res.render('login'); }); 
Comments
Post a Comment