我剛開始使用Express,我試圖找出爲什麼,當我運行我的應用程序時,Bootstrap字體未呈現(它以簡單的Times New Roman顯示文本)。我很確定我使用的是正確的路徑,因爲當我在瀏覽器中打開我的index.html時,字體正確地呈現。我也用Bootstrap導航欄嘗試了這一點,而當我嘗試通過Node運行它時,Bootstrap似乎不能正常工作,但當我在瀏覽器中單獨查看HTML文件時,它仍然有效。將Bootstrap目錄的路徑更改爲「/ public/bootstrap ...」會導致它無法正確呈現這兩種方式。我該如何解決?Express not rendering 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>
web.js(我主要的應用程序文件):
var express = require('express')
var app = express()
app.set('view engine', 'ejs')
app.engine('html', require('ejs').renderFile)
app.get('/', function(req, res) {
res.render('index.html')
})
var port = process.env.PORT || 5000;
app.listen(port, function() {
console.log("Listening on " + port);
})