我正在使用Express运行Node.js应用程序,但是无法从样式表目录加载CSS。我对CSS提出的每个请求都会返回503错误。但是我所有的JavaScript都可以正常加载。我尝试将css文件移到javascripts文件夹中并更改html中的href,但是每次尝试加载它时,服务器将崩溃,节点将重新启动。
我已经通过删除index.html中的链接来验证它是CSS,并且整个网站都可以正常工作,而没有样式。如果我在本地运行该应用程序,则CSS加载正常,则CSS问题仅发生在已部署的Openshift实例上。
应用程式结构
server.js
node_modules/
public/
--index.html
--bower_components/
--stylesheets/
--app.css
--javascripts/
--app.js
server.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 Promise = require('bluebird');
var http = require('http');
var app = express();
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(require('node-compass')({mode: 'expanded'}));
app.use(express.static(path.join(__dirname, 'public')));
// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: {}
});
});
module.exports = app;
var server_port = process.env.OPENSHIFT_NODEJS_PORT || 8080;
var server_ip_address = process.env.OPENSHIFT_NODEJS_IP || '127.0.0.1';
var server = require('http').Server(app);
var io = require('socket.io')(server);
server.listen(server_port, server_ip_address, function() {
console.log("Listening on " + server_ip_address + ", server_port " + server_port);
});
io.sockets.on('connection', function(socket) {
socket.emit('message', {'message': 'connected'});
});
require('./routes/weather')(io);
index.html
<!-- Stylesheets -->
<link rel="stylesheet" href="/stylesheets/app.css" type="text/css"/>
最佳答案
node-compass干扰了提供的CSS,并引发了错误。评论后
// app.use(require('node-compass')({mode: 'expanded'}));
服务器服务的CSS就好了。