Question

时，我一直收到错误

GET http://localhost:3000/contato/static/bootstrap/dist/css/bootstrap.min.css 404 (Not Found)

由此路线定义：

app.route('/contato/:id')
    .get(autenticar, contatos.show);

在没有的其他路由中：id param，css被渲染得很好。

我正在使用Pug开发页面，并通过公共文件夹提供静态文件，使用：

app.use('/static', express.static(__dirname + '/public'));

我的header.pug，我在evey页面中扩展。

doctype html
html
head
    link(href='static/bootstrap/dist/css/bootstrap.min.css' rel='stylesheet')
    meta(charset='utf-8')
    meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no")
    title Ntalk - Agenda de Contatos
body
    div(class='container')
        block content

收到错误的路线：

show.pug

include ../header
  block content
    div(class='row')
      div(class='col-md-6 offset-md-3')
        section(class='container')
          header
            h2 Ntalk - Dados do contato

Answer 1

您应该在 header.pug

中更改指向css的链接（通过添加/在开头）

link(href='/static/bootstrap/dist/css/bootstrap.min.css' rel='stylesheet')

否则它与当前页面相关

在express中获取css时出错

1 个答案: