javascript - 尽管使用了 app.use(express.static(__dirname + '/public')) ，但 CSS 文件不显示；

Question

我正在尝试链接test.css到test.html. 我试图使用javascript router.use('/public', express.static(__dirname + '/public')); inapp.js希望从文件夹中找出文件，public但无济于事。

href="/public/test.css"我也尝试href="/test.css"在 html 文件的链接中进行操作，但没有任何改变。我也想过把线放进去 router.use('/public', express.static(__dirname + '/public')); ，index.js但又一次，没有用。文件目录：

server file
 |
 bin---www.js
 node_modules
 public---test.css
 routes---index.js
 views
 app.js
 server.js
 test.html
 package.json

应用程序.js

var express = require('express');
var app = require('express')();
var path = require('path');
var port = require('port');
var favicon = require('serve-favicon');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
const queryString = require('query-string');

var routes = require('./routes/index.js');
var app = express();

router.use('/public', express.static(__dirname + '/public'));

// view engine setup
app.engine('hbs', hbs({
    extname: 'hbs',
    defaultLayout: 'index',
    layoutsDir: __dirname + '/views'
}));
app.set('views', path.join(__dirname, 'Views'));
app.set('view engine', 'hbs');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__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, 'views')));


app.use('/', routes);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});


module.exports = app;

index.js

var express = require('express');
var router = express.Router();
var userData = db.get('user-data');
var app = require('express')();

router.use('/public', express.static(__dirname + '/public'));

router.get('/', function(req, res, next) {
    res.render('test');
});

module.exports = router;

服务器.js

var express = require('express');
var http = require('http');
var fs = require('fs');

function onRequest(request, response) {
    response.writeHead(200, {
        'Content-Type': 'text/html'
    });
    fs.readFile('./test.html', null, function(error, data) {
        if (error) {
            response.writeHead(404);
            response.write('File not found!');
        } else {
            response.write(data);
        }
        response.end();
    });
}

http.createServer(onRequest).listen(8000);

标签： javascriptnode.jsexpress