node.js - Jade 模板中静态文件的路由路径的 Express/Node 问题

Question

我有一个带有 Jade 模板的 Node/Express 应用程序，可以导入一些静态文件。我的 Jade 模板的显着线如下所示:

布局.jade:

head
  link(rel="stylesheet" href="/css/main.css)
  script(src="/vendor/jquery.js")

block body
  h1 Hello world.

mypage.jade:

extend layout

block body append
  p Here another line.

在表达中，我的观点是这样的:

app.get('/', function(req,res) {
    res.render('index')
}

app.get('/mypage/', function(req,res) {
    res.render('mypage')
}

mypage.html 的 html 现在的 css 和 javascript 路径如下:

/mypage/css/main.css
/mypage/vendor/jquery.js

如何让express/Jade正确导入我的 header 中的静态文件，即。不给路径添加路由前缀？

Answer 1

如果你没有改变任何东西，我相信你仍然有

app.use(express.static(path.join(__dirname, 'public')));

所以如果你保存这样的文件

/public/css/main.css

它按您的预期工作

或者，如果您想使用 /mypage/css/，请将 css 或 mypage 的任何其他静态文件保存在

/public/mypage/css/main.css

并将其命名为

link(href="/maypage/css/style.css", rel="stylesheet")

静态文件的根始终是“公共(public)”的，因此您需要它的路径，例如 /mypage/css/ 即使它是 /mypage/