静态 CSS 文件不适用于 expressJS 应用程序答案

【问题标题】：Static CSS files not applied to expressJS app静态 CSS 文件不适用于 expressJS 应用程序
【发布时间】：2015-06-16 15:12:43
【问题描述】：

我正在尝试通过第一个 express 网络应用程序，我正在使用 html 来呈现我的网页并使用 css 来设置我的页面的样式。

我的目录结构如下

app.js
routes/
       index.js
views/
     index.html
public/
      stylesheets/
                  style.css

index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Devices</title>
    <link ref="stylesheet" type="text/css" href="stylesheets/style.css">
</head>
<body>
    <h1>DEVICES</h1>
    <table>
        <tr><th>#</th><th>DID</th><th>DeviceName</th><th>OS</th><th>Version</th><th>Numbers</th></tr>
    </table>
</body>
</html>

我已经使用链接标签链接了静态 CSS 文件

app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// uncomment after placing your favicon in /public
//app.use(favicon(__dirname + '/public/favicon.ico'));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname, 'styles')));

app.use('/', routes);
app.use('/users', users);

请注意 app.set('view engine', 'jade');就像我给 html 一样，我得到了错误。

index.js

var express = require('express');
var path = require('path');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {

  res.sendFile(path.resolve(__dirname , '../views/index.html'));
});

module.exports = router;

我的问题是放置在 public/stylesheets 中的静态 css 文件在呈现时未应用于我的 html。当我执行 http://localhost:3000/stylesheets/style.css 时，我能够看到返回的 style.css 的内容。

我不太确定我做错了什么

谢谢

【问题讨论】：

标签： css node.js

【解决方案1】：

尝试更改设置静态资产路径的方式。

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

【讨论】：