Угловой CLI добавить экспресс-сервер

Question

Я использую Angular CLI, и дополнительно я добавил папку сервера, которая включает файл server.js.

1) Я создал сервер папки в папке Src

2) НПМ установки экспресс --save добавил экспресс зависимости

3) Создан в папке сервера файл server.js

const express = require('express'); 

var app = express(); 
var staticRoot = __dirname; 

app.set('port', (process.env.PORT || 3000)); 

app.use(express.static(staticRoot)); 

app.get('/', function(req, res) { 
    res.sendFile('index.html', { root: path.join(__dirname, '../') }); 
}); 

app.listen(app.get('port'), function() { 
    console.log('app running on port', app.get('port')); 
}); 

4) Мой файл index.html тот же путь, который Угловая CLI создал

->src->index.html 

Ну, мой вопрос - это следующий шаг для запуска моего приложения на сервере экспресс-сервера?

Могу ли я также добавить узел server/server.js в качестве скрипта для одновременного запуска сервера и клиента? После сборки ng я не получаю файл server.js в папке dist?

Answer 1

Вы должны поместить статические файлы внутри папки общего доступа и использовать path.join() от модуля пути NodeJS. Вы сможете правильно обработать путь.

Смотрите следующие ссылки:

res.sendFile absolute path

https://scotch.io/tutorials/use-expressjs-to-deliver-html-files

Answer 2

index.html, который вы ссылаетесь, используется в процессе сборки, а не на местном уровне. Как автономное угловое приложение, ng serve будет работать по умолчанию на localhost:4200. Чтобы он указывал на ваш сервер на задней панели, вы можете use a proxy сделать угловые запросы на /api перенаправить на ваш сервер по номеру localhost:3000. Локально вам просто нужно будет запускать сервер и угловые приложения отдельно.

В рабочей среде вам необходимо будет обслуживать статические файлы из вашего каталога /dist. Ваш сервер должен проверить, что он запущен на производстве, и обслуживать файлы с использованием path.resolve: