时间戳

首页 > 解决方案 > 使用 express js 获取 404 渲染视图 ejs

javascript - 使用 express js 获取 404 渲染视图 ejs

问题描述

我在后端和前端使用 express ejs。我已经制作了一条在管理页面上显示仪表板的路线。但是当我输入我的 url http://localhost:3000 /admin 时出现 404 错误来呈现视图，这是我的一些代码：

应用程序.js 

var createError  = require('http-errors');
var express      = require('express');
var path         = require('path');
var cookieParser = require('cookie-parser');
var logger       = require('morgan');

var indexRouter = require('./routes/index');
var admin = require('./routes/admin');

var app = express();

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

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use(indexRouter);
app.use('/admin', admin);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// app.use((req, res, next) => {
//  res.status(404).render('error/404')
// });

// 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/404');
});

module.exports = app;

控制器仪表板.js

exports.getDashboard = (req, res, next) => {
    res.render('dashboard', {
        pageTitle: 'Dashboard',
        path: 'admin/page/dashboard'
    });
};

我的管理路线 admin.js

const path = require('path');

var express = require('express');

const adminController = require('../controllers/backend/dashboard');

var router = express.Router();

/* GET users listing. */
router.get('/admin', adminController.getDashboard);

module.exports = router;

谢谢，请帮我解决这个问题

标签： javascriptexpresshttp-status-code-404ejs

解决方案

在 app.js 中，您已经/admin在 admin.js 中拥有路由，因此可以使用localhost:3000/admin/admin.

将您的 admin.js 更改为

const path = require('path');

var express = require('express');

const adminController = require('../controllers/backend/dashboard');

var router = express.Router();

/* GET users listing. */
router.get('/', adminController.getDashboard);

module.exports = router;

推荐阅读