2016-03-14 167 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