Экспортируйте компонент Angular4 и считайте его из внешнего приложения

Question

У меня было два приложения (LandingApp, BusinessApp). Я пытаюсь экспортировать страницу из "BusinessApp" и читать ее с помощью "LandingApp".

Я попытался использовать $ http.get ("путь") в "LandingApp" и привязать его к, но это не работает:

LandingComponent.ts

fetchedHtml: any;
  constructor(http: Http) {

    var headers = new Headers();
    headers.append('x-forwarded-host', 'foo');
    http.get('http://localhost:4200/#/', { headers: headers })
      .subscribe(response => {
        console.log(response);
      this.fetchedHtml = "test";
    });

  }

BusinessApp работает в: http://localhost:4200/

Не удалось загрузить http://localhost:4200/: поле заголовка запроса x-forwarded-host не разрешено Access-Control-Allow-Headers в ответе перед проверкой.

Есть ли предложение экспортировать страницу из businessApp в формате HTML, и это будет работать из LandingApp, потому что мне не нужен Access-Control. Или можете ли вы предложить обновление в моем Access-Control в "BusinessApp"

server.js в businessApp

// server.js
const express = require('express');
const app = express();
const path = require('path');

// Run the app by serving the static files
// in the dist directory
app.use(express.static(__dirname + '/dist'));
// Start the app by listening on the default
// Heroku port
app.listen(process.env.PORT || 8080);

app.use(function (req, res, next) {
  res.header("Access-Control-Allow-Origin", '*');
  res.header("Access-Control-Allow-Credentials", true);
  res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
  res.header("Access-Control-Allow-Headers", "Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers");
  next();
});
app.get('/*', function (req, res) {

  var origin = req.get('origin');
  res.sendFile(path.join(__dirname + '/dist/index.html'));
});