Javascript: координация angular для получения данных из node.js

Без какого-либо кода ответ будет довольно абстрактным, но вот основные шаги, которые вам нужно сделать:

1. Вам нужно будет настроить промежуточное ПО express.static, чтобы экспресс-приложение обслуживало ваше угловое приложение (обычно index.html) и изображения:

app.use(express.static('public')) //images in here

app.use(express.static('dist')) //index.html in here

Чтобы это работало, вам нужно указать параметр --output-path во время сборки ng:

ng build --output-path ./dist

Также обратите внимание, что каждый угловой компонент имеет свою собственную таблицу стилей. Таким образом, вам придется либо переместить те стили .css, которые вы определили в таблице стилей каждого компонента, либо добавить их в файл angular.json в массиве стилей:

"styles": [
    "styles.css",
  ],

2. Измените экспресс-приложение, чтобы оно обслуживало только файл index.html. Все остальное будет обрабатываться маршрутизатором API, который будет обслуживать только данные для углового приложения:

// Set our api routes
app.use('/api', api);

// Catch all other routes and return the index file
app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist/index.html'));
}); 

3. Вам нужно будет настроить маршрутизатор Angular для управления навигацией между компонентами. Это будет зависеть от структуры вашего проекта, но существует множество руководств, которые помогут вам настроить его.

Дайте мне знать, если вам нужны дополнительные разъяснения.