2016-06-28 6 views
0

私はエクスプレスを使用して本当に簡単なページを持っています。私は今までの唯一の他のページであるfaqページにうまくロードするインデックスページから行くつもりです。私はejsテンプレートを使用しているので、ナビゲーションバーは部分的です。ここではそれが助け場合header.ejsここルートを表示する代わりにページをダウンロードしています

<!-- views/partials/header.ejs --> 

<ul class="nav navbar-nav"> 
     <li><a href="/">Home</a></li> 
    </ul> 
    <div class="collapse navbar-collapse collapse"> 
    <ul class="nav navbar-nav navbar-right"> 
     <a class="btn navbutton" >Bio</a></button> 
     <a class="btn navbutton" >My Work</a></button> 
     <a class="btn navbutton" >Clients</a></button> 
     <a class="btn navbutton" href="pages/faq.ejs">FAQ</a></button> 
    </ul> 
    </div><!-- /.navbar-collapse --> 

</div> 

からのリンクはこちら、server.js

var express = require('express'); 
var app = express(); 
var flash = require('connect-flash'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 
var session = require('express-session'); 

var html = require('html'); 


// serve static files from public folder 
app.use('/',express.static(__dirname + '/public')); 
app.use('/',express.static(__dirname + '/views')); 

app.set('view engine', 'ejs'); 

// ROUTES 

app.get('/', function(req,res) { 
    res.render('pages/index'); 
}); 

app.get('/faq', function(req,res) { 
    res.render('pages/faq'); 
}); 

だのファイル構造

です
-node_modules 
-public 
    -css 
    -images 
    -js 
-views 
    -partials 
    -pages 
server.js 
+0

チェックにリクエストヘッダを返すのではなく、ダウンロードすることができているものであると信じています。 – dman

+0

@dmanは* response *ヘッダを意味すると思います。 – smarx

答えて

3

私は問題がここにあると信じて:

<a class="btn navbutton" href="pages/faq.ejs">FAQ</a></button> 

は、それはすべきではない:あなたはまた、おそらくべき

<a class="btn navbutton" href="faq">FAQ</a></button> 

(なし.ejs

EDIT

この行を削除してください:

app.use('/',express.static(__dirname + '/views')); 
私はこれが.....いくつかのパラメータは、それは次のように扱われ、ダウンロードすることが原因となっているファイルが404

+0

素晴らしい答えですが、ちょっと追加するだけで、すべての自分の画像、CSS、およびクライアントJSに1つのパブリックフォルダを使用しています。これを行うコードは、とても簡単です。 app.use(express.static( 'public')); –

+0

が機能しませんでした。 @ Matt West、私は絶対パスのために同じファイル構造 – nwimmer123

+0

'href ="/pages/faq "'を使用します。 –

関連する問題