簡體   English   中英

無法在Node.js應用中提供樣式表

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM