Node.js Express集成Pug后出现cannot GET /admin/add-product错误求助

问题根因 #

1. 路由前缀重复：app.js中通过app.use('/admin', adminData.routes)已为admin模块所有路由统一添加/admin前缀，admin.js中定义的GET/POST路由又额外加了/admin路径，最终实际匹配路径为/admin/admin，和目标访问路径/admin/add-product不匹配，触发404。
2. 缺少对应路由：目前代码中没有定义/add-product的GET/POST路由，无法匹配访问地址和表单提交请求。
3. 潜在渲染逻辑问题：当前admin路由仍返回原生HTML文件，未适配Pug模板的渲染逻辑。

修复步骤 #

1. 修改routes/admin.js中的路由定义：

const path = require('path');

const express = require('express');

const rootDir = require('../util/path');

const router = express.Router();

const products = [];

// 完整匹配路径为 /admin/add-product，对应页面访问请求
router.get('/add-product', (req, res, next) => {
    // 若已将add-product.html改写为Pug模板，使用render方法渲染
    res.render('add-product', { docTitle: 'Add Product' });
    // 若暂未改写Pug，可临时使用下面的代码返回HTML文件先跑通流程
    // res.sendFile(path.join(rootDir, 'views', 'add-product.html'));
});

// 匹配表单POST提交请求
router.post('/add-product', (req, res, next) => {
    products.push({title: req.body.title})
    res.redirect('/');
});

exports.routes = router;
exports.products = products;

2. 若要完全使用Pug模板，将views目录下的add-product.html改写为add-product.pug即可。

内容的提问来源于stack exchange，提问作者Adolfo Tomas Castrillon