2016-03-14 158 views
1

我刚刚学习如何使用Express,并试图提供静态文件,如bootstrap.min.css文件。快递服务静态文件

这里是我的文件夹结构:

server.js 
/server 
    /includes 
     layout.jade 
    /public 
     /css 
     /vendor 
      /bootstrap 
       /dist 
        /css 
         bootstrap.min.css 
    /views 
     index.jade 

我在我的Gulpfile.js使用wiredep,并试图配置的几种不同的变化,并没有得到任何东西。这是我的server.js文件:

var express = require('express'); 

var app = express(); 

var env = process.env.NODE_ENV = process.env.NODE_ENV || 'development'; 

var port = process.env.PORT || 5000; 

app.use('/server', express.static('public')); 
app.set('views', './server/views'); 
app.set('view engine', 'jade'); 

require('./server/routes/routes')(app); 

app.listen(port, function(err) { 
    console.log('running server on port: ' + port); 
}); 

我已经尝试了几种不同的方法设置express.static一部分,但再次,它不是服务于静态文件。

任何帮助将不胜感激。

+0

我忘了补充一点'wiredep'被添加此作为路径:'HREF =” .. /公/供应商/引导/ DIST/CSS/bootstrap.min.css''。我已经试过对'wiredep'使用ignorePath选项,但它没有太大的帮助。 – pjlamb12

+0

检查下面的链接http://only4ututorials.blogspot.com/2017/05/how-to-serve-static-file-in-express-js.html –

回答

2

尝试:

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

上的链接标签

href = "vendor/bootstrap/dist/css/bootstrap.min.css" 
+0

谢谢!完美工作。 – pjlamb12