2016-04-17 18 views
0

下の図は、Windows OSの私のノードjsアプリケーションのディレクトリ構造を示しています。 express.jsでExpressJSの静的ファイル

enter image description here

私は中/ bower_components /ブートストラップされている静的ファイルのbootstrap.min.jsとbootstrap.min.cssを参照したい

app.use('static', express.static('../bower_components/')); 

を言及しているファイル/views/users/index.jsにある私のビューファイル内のフォルダ。

私のビューファイルでは以下の2行を説明しましたが、動作しません。

<link href="../static/bootstrap/dist/css/bootstrap.min.css"> 
<script src="../static/bootstrap/dist/js/bootstrap.min.js"></script> 

変更する必要があることを教えてください。

var flash = require('connect-flash'); 
var path = require('path'), 
     fs = require('fs'); 
var http = require('http') 
... 
app.use(express.static(path.join(__dirname, 'public'))); 
app.set('views', __dirname + '/views'); 

私の見解は次のようになります。:あなたは私のフォルダに関する詳細な情報を与えるために

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <% include ../partials/head %> 
</head> 
<body class="container"> 

<header> 
    <% include ../partials/header %> 
</header> 

<main> 
    <div class="jumbotron"> 
     <h3>Welcome in Dubai!,</h3> 
    </div> 
</main> 

<footer> 
    <% include ../partials/footer %> 
</footer> 
</body> 
</html> 

答えて

0

まあ、私はあなたに似ている何か...多分これはあなたを助けることができるを持っています構造。私はページパーシャル

敬具、 ナザールは

1

ビューであなたのパスがあるべきビュー 2つのサブフォルダと呼ばれるフォルダがある

<link href="/bootstrap/dist/css/bootstrap.min.css"> 
<script src="/bootstrap/dist/js/bootstrap.min.js"></script>