html - Jade 如何处理 src 属性？为什么/javascripts直接进入文件夹而不是/../public/javascripts？

Question

doctype html
html
    head
        title= title
        link(rel='stylesheet', href='/stylesheets/style.css')
        script(src="/javascripts/jquery-2.1.1.js")
        script(src="/javascripts/global.js")
    body
        block content

显然，src="/../public/javascripts/jquery-2.1.1.js" 不起作用，但 src="javascripts/jquery-2.1.1.js" 有效

文件结构如下:

nodetest
  public
    javascripts
      jquery-2.1.1.js
  views
    index.jade

除非 Jade 实际上在公共(public)文件夹中创建了 index.html？这是正确的吗？

Answer 1

first jade 实际上并不将 index.html 保存到磁盘，而是在请求响应周期中动态生成它

其次，默认情况下，express 设置为将 public/ 视为静态文件的根目录，因此您对 /javascripts/jquery-2.1.1.js 的引用指向 public/javascripts/jquery-2.1.1.js

如果您尝试加载 /views/index.jade 或 /index.jade 则会出现 404，因为 Express 找不到任何匹配的静态文件

最后 src="/javascripts/jquery-2.1.1.js" (即带有前导斜杠)可能应该是您引用它的方式，因为否则它会根据您的网址查找子文件夹。 (例如，如果 my.domain/parent/child.html 页面上有 js/jquery.js，则请求将转到 my.domain/parent/js/jquery.js