2016-04-03 32 views
2

我试图让我的电缆和电线的小经营业务的网站 使用快递的NodeJS(EJS)如何服务于多个路由

文件都喜欢用静态的NodeJS文件:

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'); 

/* routes variables*/ 

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

var app = express(); 

// view engine setup 
app.set('views', path.join(__dirname, 'views')); 
app.engine('html', require('ejs').renderFile); 
app.set('view engine', 'ejs'); 


app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
app.use(require('less-middleware')(path.join(__dirname, 'public'))); 
app.use(express.static(path.join(__dirname, 'public'))); 
app.use(express.static('public')); 
app.use(express.static('public/stylesheets')); 
app.use(express.static('public/images')); 
app.use(express.static('public/javascripts')); 


/* routes */ 
app.use('/', routes); // index page 
app.use('/cableWires', cableWires); //cables and wires 

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; 

在路由/ cablesWires.js

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

router.get('/', function(req, res, next) { 
    res.render('products_cableWires', { title: 'Umesh Electricals' }); 


}); 

router.get('/submersible_cables', function(req, res, next) { 
    res.render('submersible-cables', { title: 'Umesh Electricals' }); 
}); 


router.get('/house_wires', function(req, res, next) { 
    res.render('house-wires', { title: 'Umesh Electricals' }); 
}); 

module.exports = router; 

当我去cableWires页,一切都很好, 但是当我去house_wires页面或submersible_cables页面,它加载EJS文件的内容,但无法加载静态文件(CSS,JavaScript和图像)

可能是什么可能的错误我在做

回答

0

其看来,当你请求的任何路线然后尝试获取来自URL路径的文件,即 - 当你调用/ ROUTE1那么它会调用静态文件从相对路径..所以你必须将其更改为绝对路径..
so c焊割静态路径和包括“/”静态路径

app.use(express.static('public')); app.use(express.static('/public/stylesheets')); app.use(express.static('/public/images')); app.use(express.static('/public/javascript 

之前,让我们知道,如果它的帮助

+0

你的方法,而不是把一个绝对路径,实际上是不断变化的,其中服务器将搜索静态文件的路径 –