Javascript 当我在express.js中添加新的中间件来处理路径时,找不到404

Javascript 当我在express.js中添加新的中间件来处理路径时,找不到404,javascript,node.js,express,Javascript,Node.js,Express,我想进行用户身份验证并在用户单击login按钮后返回一个页面,我使用express generator启动项目,并在index.js和login.js中编写以下代码: router.get("/", function(req, res, next) { res.render('home'); }); index.js: var express = require('express'); var router = express.Router(); /* GET home page. */

我想进行用户身份验证并在用户单击login按钮后返回一个页面,我使用express generator启动项目,并在index.js和login.js中编写以下代码:

router.get("/", function(req, res, next) {
  res.render('home');
});
index.js:

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

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

module.exports = router;
login.js:

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

/* GET main page after user have logged in. */
router.get("/login",function(req, res, next) {
  res.render('home');
});
module.exports = router;
router.get("/", function(req, res, next) {
  res.render('home');
});
p、 s index和home是视图文件夹中的pug文件

这是我的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 login = require('./routes/login');
var app = express();

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

// 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('/login', login);
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;
当我键入npm start时,index.js工作并正确显示页面,但当我键入localhost:3000/login时,它显示404未找到,我如何解决此问题?

此:

app.use('/login', login)
与此相结合:

router.get("/login", ...)
为路径
/login/login
创建路由处理程序

由于您要在
/login
上装载
登录
路由器,因此路由器本身应该定义其相对于该装载点的路径,如下所示:

router.get("/", ...)

在login.js中进行以下更改:

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

您的端点实际上位于
/login/login
。路由文件附加到应用程序中设置的URL

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

// `/` Is appended to `/login`
router.get("/",function(req, res, next) {
  res.render('home');
});

module.exports = router;