Javascript Express不呈现引导_Javascript_Node.js_Twitter Bootstrap_Express

Javascript Express不呈现引导

javascript node.js twitter-bootstrap express

Javascript Express不呈现引导,javascript,node.js,twitter-bootstrap,express,Javascript,Node.js,Twitter Bootstrap,Express,我刚开始使用Express，我试图弄清楚为什么在运行我的应用程序时，引导字体没有呈现（它以简单的Times New Roman显示文本）。我很确定我使用的是正确的路径，因为当我在浏览器中打开index.html时，字体呈现正确。我还使用引导导航栏尝试了这一点，当我尝试通过节点运行引导时，引导似乎无法正常工作，但当我在浏览器中独立查看HTML文件时，它仍然可以正常工作。将引导目录的路径更改为“/public/Bootstrap…”会导致它在两种方式下都呈现不正确。我该如何解决这个问题 index.

我刚开始使用Express，我试图弄清楚为什么在运行我的应用程序时，引导字体没有呈现（它以简单的Times New Roman显示文本）。我很确定我使用的是正确的路径，因为当我在浏览器中打开index.html时，字体呈现正确。我还使用引导导航栏尝试了这一点，当我尝试通过节点运行引导时，引导似乎无法正常工作，但当我在浏览器中独立查看HTML文件时，它仍然可以正常工作。将引导目录的路径更改为“/public/Bootstrap…”会导致它在两种方式下都呈现不正确。我该如何解决这个问题

index.html：

<html>
  <head>
    <title>X</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../public/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="screen">
  </head>
  <body>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <div class="container">
      <h1>Under Construction</h1>
      <p>This website is under construction. Come back soon!</p>
    </div>
  </body>
</html>

您需要一个实际的静态中间件。默认情况下，Express本身不做任何事情

应用程序使用（express.static（uu dirname+“/public”）

不要在HTML中的路径中使用“public”。这是静态资产所在的目录，但从浏览器的角度来看，这是根目录。也不要使用相对路径

1）引导和express互不相关。Bootstrap完全在客户端运行，express是node.js上的服务器中间件库

2）你为什么自己为bootstrap服务？更好地使用CDN：

3）如果您坚持自己提供服务，请添加一个静态目录，以便express可以提供静态文件（当您尝试为您的站点提供js/css服务时，添加一个静态目录也可以为您提供服务，但仍然更喜欢从CDN提供引导

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

无需使用public，只需使用css的根路径即可：

bootstrap/css/bootstrap.min.css

i.e. 

<link href="../public/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="screen"

bootstrap/css/bootstrap.min.css
即
app.use(express.static(path.join(__dirname, 'public')));

bootstrap/css/bootstrap.min.css

i.e. 

<link href="../public/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="screen"