[英]Unable to serve stylesheets in Node.js app
我正在學習Node.js和Express(版本4.11)。 當前,我正在嘗試創建一個使用樣式表的基本Web應用程序。 為了做到這一點,我有以下HTML:
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="/public/fonts/icomoon.css" />
<link rel="stylesheet" type="text/css" href="/public/css/style.css" />
</head>
<body>
<h1 class="title">Test</h1>
</body>
</html>
加載此HTML時,我的icomoon.css文件和style.css文件出現404錯誤。 我很困惑,因為我關注了SO上的其他類似文章。 我的server.js文件如下所示:
var express = require('express'); // routing-engne
var expressHbs = require('express-handlebars'); // view-engine
// Setup the app to use Handlebars as the view engine
var app = express();
app.engine('hbs', expressHbs({extname:'hbs', defaultLayout:'layout.hbs'}));
app.set('view engine', 'hbs');
// Add support for static files (css, fonts, images, etc.)
app.use(express.static(__dirname + '/public'));
app.get('/', function(req, res) {
var viewModel = {};
res.render('/index', viewModel);
});
// Start the app on port 3000
app.listen(3000);
console.log('Ready!');
我認為寫為app.use(express.static ...
可以提供我的靜態文件。但是,事實並非如此。如何提供我的.css文件?
謝謝!
用這個:
app.use('/public', express.static(__dirname + '/public'));
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.