angle2のビューフォルダからindex.htmlファイルをレンダリングできません

Question

角度が/clientフォルダに設定されているMEAN Stackアプリケーションを作成しています。私は次のように

Cannot GET /

フォルダ構造がある。このエラーを取得して間違ってやって、私は/clientフォルダ内のnpm startコマンドを実行すると、それは/viewsフォルダからindex.htmlファイルをレンダリングする必要があることを望みます。

meanApp

-----クライアント（ここではangluar2セットアップが、index.htmlファイルを持っていない）

----------アプリ

- ----ビュー

---------- index.htmlを

-----経路

-----ここではserver.jsでserver.js

コード

var express = require("express"); 
var path = require("path"); 
var bodyParser = require("body-parser"); 

var index = require('./routes/index'); 
var tasks = require("./routes/tasks"); 

var app = express(); 

//View engines 

app.set("views", path.join(__dirname,'views')); 

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

app.engine("html", require("ejs").renderFile); 

//Set static folder 

app.use(express.static(path.join(__dirname,'client'))); 

// Body parser 

app.use(bodyParser.json()); 

app.use(bodyParser.urlencoded({extended:false})); 

app.use('/', index); 

app.use('/index', index); 

app.use('/api', tasks); 

//listen 

app.listen(3000, function(){ 

    console.log("Server listing @ 3000"); 

}); 

Answer 1

あなたは次のように明示サーバーのルートを定義する必要があります。これはbroweser内のすべての呼び出しは、インデックスファイルをレンダリングするようになります

app.set('appPath', 'client'); //this is a folder where your index.html is 

app.route('/*') 
    .get(function(req, res) { 
     res.sendfile(app.get('appPath') + '/index.html'); 
    }); 

。

Answer 2

const http = require('http'); 
fs = require('fs'); 
var express = require('express'); 
var bodyParser = require('body-parser'); 
var expressValidator = require('express-validator'); 
var app = express(); 

app.set('appPath', 'views'); 
app.use(express.static(__dirname + '/views')); 

app.use(bodyParser.urlencoded({ extended: true })); 
app.use(bodyParser.json()); 
app.use(expressValidator()); 

app.use('/*', function(req, res, next) { 
    res.sendfile(app.get('appPath') + '/index.html'); 
}); 

http.createServer(app).listen(3001, function() { 
    console.log(`Express server listening on port 3001`); 
}); 

exports = module.exports = app;