2016-12-23 3 views
0

私はNode.JSとAngularの初心者です。MEANスタックにプロジェクトを作成したいと思います。nodejsの角度フロントエンドの使用

私はNode.JSにバックエンドを持っています。私はフロントエンドに角度を付ける必要があります。 gulpではVisual Studio Codeを使っていくつかの前処理を行います。

Node.JSを起動してデフォルトのビュー(index.html)にしたいときは、Node.JSから404を取得します。

次のように私のプロジェクト構造は次のとおりです。

-api 
    - config 
    - controllers 
    - models 
    - services 
    - app.js 
-app 
    - controllers 
    - directives 
    - libs 
    - routes 
    - scripts 
    - services 
    - views 
    - app.js 
-node_modules 
    //All installed node_modules 
-public 
    //some static content 

はどのようにすれば/ appフォルダに見えるようにノードを伝えることができますか?または、これをどうすればよりうまくできますか?私は静的なフォルダを追加するためのコードがないので、私は自分の質問に追加することはできません。

+3

を示唆したように。あなたは[mcve]を供給する必要があります。 index.htmlを提供するはずのExpressルートはどこですか?それを書こうとしましたか?私は、あなたの現在の学習レベルが、Stackoverflowが適している特定の問題のタイプに到達するのではなく、「入門的なExpressチュートリアルで始める必要がある」レベルにあるという印象を受けます。 – Quentin

+0

別の言葉では、Sails JSプラットフォームを使ってみましたか?あなたの構造を見ると、私はSails JSがあなたにこのプロジェクトのために一番合っていると思います。外部リンクが必要な場合に備えて – UchihaItachi

答えて

1

expressには、静的ファイルの場所が必要です。フォルダまたは静的ファイルを含めることができます。

app.use(express.static('public')) 

または

app.use(express.static(_dirname+'/public/index.html')) 

編集1: @NVOあなたは質問にあなたのコードのいずれかを含めていない

app.use(express.static(path.join(__dirname, '..', '..', 'app'))) 
+0

http://thejackalofjavascript.com/developing-a-mean-app-with-angular-2-0/ – karman

+0

app.use(express.static(path.join(__ dirname、 '..'、 '..'、 'app'))))に少し変更されました。 – NVO

関連する問題