Question

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

我还尝试在html文件的链接中进行href="/public/test.css"和href="/test.css"的操作，但未做任何更改。我也想到了 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

app.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;

server.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);

尽管使用app.use（express.static（__ dirname +'/ public'）），CSS文件仍未显示；

0 个答案: