Как связать существующее приложение Angular 2 с Nodejs Server?

1

У меня есть приложение Angular 2 с этой структурой:
Структура моего углового приложения

Затем на стороне сервера: Структура серверного приложения

Я вижу, что есть 2 папки зависимостей модулей, но я не знаю, какой из них я могу сохранить.

Вот мой файл index.js:

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

  // Get our API routes
  //const api = require('./server/routes/api');

  const app = express();

  // Parsers for POST data
  app.use(bodyParser.json());
  app.use(bodyParser.urlencoded({ extended: false }));

  // Point static path to dist
  app.use(express.static(path.join(__dirname, 'client/portfolio')));

  // 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, 'client/portfolio/src/index.html'));
  });

  /**
   * Get port from environment and store in Express.
   */
  const port = process.env.PORT || '3001';
  app.set('port', port);

  /**
   * Create HTTP server.
   */
  const server = http.createServer(app);

  /**
   * Listen on provided port, on all network interfaces.
   */
  server.listen(port, () => console.log('API running on localhost:${port}'));

Когда я запускаю сервер, я получаю это сообщение:

Загрузка содержимого AppComponent здесь...

Но он останавливается здесь и не отображает угловое приложение.

index.html файл:

<!DOCTYPE html>
<html>
   <head>
      <title>Angular QuickStart</title>
      <base href="/">
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="styles.css">
      <link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!-- Polyfill(s) for older browsers -->
      <script src="node_modules/core-js/client/shim.min.js"></script>
      <script src="node_modules/hammerjs/hammer.js"></script>
      <script src="node_modules/zone.js/dist/zone.js"></script>
      <script src="node_modules/systemjs/dist/system.src.js"></script>
      <script src="systemjs.config.js"></script>
      <script>
         System.import('main.js').catch(function(err){ console.error(err); });
      </script>
   </head>
   <body>
      <my-app>Loading AppComponent content here ...</my-app>
   </body>
</html>
Теги:
angular

1 ответ

0

Вот хороший пример интеграции AngularJS с NodeJS [ open tutorial ]

Хитрость в этом блоке

/* GET home page. */
router.get('/', function(req, res, next) {
  res.sendFile(path.join(__dirname, '../', 'views', 'index.html'));
});
Поделиться
  • 0
    Он загружает только файл index.html, но не запускает приложение
  • 0
    Показать HTML-код индекса плз
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню