Node.js+Express+EJS项目主页路由无法渲染问题求助

核心排查点 #

• 检查路由传参是否完整
  EJS渲染依赖路由传入的变量，你的两个页面都需要用到随机赞美语、随机颜色两个参数，主页路由的res.render()必须和正常运行的赞美语路由一样传入这两个值，示例写法：

  app.get('/', (req, res) => {
    // 从预设的赞美语数组取随机值
    const randomCompliment = compliments[Math.floor(Math.random() * compliments.length)]
    // 从颜色数组取随机值
    const randomColor = colors[Math.floor(Math.random() * colors.length)]
    // 传入模板所需的全部变量
    res.render('index', { compliment: randomCompliment, color: randomColor })
  })
  

  如果控制台报变量未定义错误，优先排查该问题。
• 确认路由匹配顺序
  Express按从上到下的顺序匹配路由规则，不要把通配符路由（如app.get('/*')）放在主页/路由的前面，避免请求被提前拦截。
• 支持模板复用
  不需要维护两份完全一致的EJS模板，两个路由都可以直接渲染同一个compliments.ejs，只要参数传入正确就能正常运行，减少冗余代码。
• 核对EJS基础配置
  确认入口文件已正确配置EJS相关设置：

  // 设置模板引擎为EJS
  app.set('view engine', 'ejs')
  // 若模板不在默认的views目录下，需手动指定路径
  app.set('views', path.join(__dirname, '你的模板目录路径'))
  

相关截图 #

内容的提问来源于stack exchange，提问作者Tamara