node.js - Expressjs 的 Jade 路径解析

Question

背景信息:我正在开发一个 Express 网络应用程序。目前，我将所有 View 都放在一个目录中。我想构建我的 View 文件夹以包含多个目录以将 View 分组在一起。问题是，当我这样做时，我的路径就会变得困惑。例如，如果我有一个像这样的目录结构:

views
->photos
-->search.jade
-->stats.jade
layout.jade

如果我先单击统计链接，然后单击搜索链接，我会收到一条错误消息，指出找不到“照片/照片/搜索”。我认为这与我从照片目录加载统计信息有关，并且它以某种方式将额外的照片添加到目录路径，因为我认为 href 是相对的。我在 API 文档和网上阅读了很多内容，但没有任何信息。有人可以解释一下吗？

在我的统计或搜索文件中将包含extends ../layout。这是我的layout.jade 的样子。

doctype html
html(lang='en')
  head
    link(rel='stylesheet', href='/css/style.css')
    block header
  body
    // Navigation
    nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation')
      .container
        // Brand and toggle get grouped for better mobile display
        .navbar-header
          button.navbar-toggle(type='button', data-toggle='collapse', data-target='socialid-nav')
            span.sr-only Toggle navigation
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.navbar-brand(href='#') HOME
        // Collect the nav links, forms, and other content for toggling
        .collapse.navbar-collapse(id='app-nav')
          ul.nav.navbar-nav
            li
              a(href='/home') Home
            if user
                li
                  a(href='photos/search') Search
                li
                  a(href='photos/stats') Stats
                li
                  a(href='/logs') Search Logs
                li
                  a(href='#') Logged in as: #{user.username}(#{userRole})            
                li
                  a(href='/signout') Sign Out
        // /.navbar-collapse
      // /.container
    // Page Content
    block content

    // Footer
    footer
      .row
        .col-lg-12
          p Copyright © SOCIAL-ID 2014

    block scripts

Answer 1

所以，我终于找到了最简单的修复方法，结果证明这只是一个拼写错误。我将代码更改为如下所示:

li
  a(href='/photos/search') Search
li
  a(href='/photos/stats') Stats

我猜想 href 路径开头缺少的“/”字符告诉浏览器相对于当前静态文件目录进行查找。添加它告诉浏览器相对于公共(public)目录进行查找。