Question

我使用Angular-CLI和node / npm从头开始完成标准的MEAN堆栈JS应用程序。我做了初始化并填写了一些前端的东西，当我使用ng服务时工作正常，然后我使用下面发布的代码并在shell中键入节点服务器创建了后端。它加载我的index.html页面，它在src / index中，然后我尝试在src上进行连接，其中包含src / app，它有我的Angular2代码，但是我从我的元素中得到了可怕的Loading ....我看过多个教程，他们都做了这个或类似的cookie切割服务器代码，我无法弄明白。

server.js：

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


var index = require('./routes/index');
var event = require('./routes/events');

var port = 3000;

var app = express();
    app.set('views',path.join (__dirname, 'src'));
app.set('view engine', 'ejs');
app.engine('html', require('ejs').renderFile);

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

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

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


app.listen(port, function() {
    console.log("server listening on port" + port);
});

index.js：

var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {
//   res.render('../src/index.html');
   res.render('index.html');
});

module.exports = router;

Answer 1

在Angular CLI应用中，运行ng build或ng build --prod，然后node / express提供静态目录dist而不是src。

带有Angular2的Express Server - 应用程序停留在“正在加载...”

1 个答案: