Угловой проект не является сервером. Angular - это фреймворк для создания фронтальной страницы / приложения. Команда Angular-cli ng serve
используется для сборки приложения и запуска веб-сервера на локальном хосте.
Когда вы создаете свою страницу с помощью angular, используйте команду angular-cli ng build --prod
для создания своей страницы ( больше информации о команде ng build ). Артефакты сборки будут храниться в каталоге dist/
вашего проекта.
Если вы хотите разместить угловую страницу с узлом - скопируйте файл из projektFolder / dist в каталог, когда узел может иметь доступ к файлам копирования. В узле вы можете использовать экспресс-библиотеку для размещения статических файлов:
app.use('/myangularproject', express.static('myangularproject')) //host static files`
Дополнительная информация о размещенных статических файлах в узле и экспрессе
EDIT
Вы используете Angular CLI для создания углового приложения. Это дополнительный инструмент для работы с углом, и вам не нужно его использовать.
Angular cli - это интерфейс командной строки для создания и создания угловых приложений с использованием модулей в стиле nodejs (commonJs). Он не только предоставляет вам масштабируемую структуру проекта, но и выполняет все стандартные утомительные задачи для вас из коробки
нг подача
ng serve
- инструмент из углового клиса. Когда вы вызываете эту команду, ваш проект создается в памяти и обслуживается через webpack-dev-server. Используется для быстрого предварительного просмотра и разработки проекта . Если эта команда вас смущает, вы можете использовать скрипт npm npm start
.
Интерфейс командной строки поддерживает запуск перезагрузки браузера в реальном времени для пользователей с помощью ng serve. Это скомпилирует приложение после сохранения файла и перезагрузит браузер вновь скомпилированным приложением. Это делается путем размещения приложения в памяти и его обслуживания через webpack-dev-server . документ
нг билд
ng build
компилирует приложение в выходной каталог.
Компилирует приложение Angular в выходной каталог с именем dist / по заданному выходному пути. Должен выполняться из каталога рабочей области.
Когда вы используете команду ng new
Angular CLI, добавьте все необходимые файлы для разработки вашего приложения. Некоторые из них используются для настройки проекта, например tslint.json
, tsconfig.json
, angular.json
... Не размещайте эти файлы только файлы результатов, полученные при использовании команды ng build
(каталог /dist
).
Angular CLI компилирует ваш проект в несколько файлов (попробуйте ng build
и посмотрите, сколько у вас файлов в /dist
. Вы должны разместить их все. Это статические файлы. Вам не нужен специальный сервер, такой как php файлы. Вы можете разместить их с помощью обычного файлового сервера. Я не знаю, что вы хотите использовать в узле для размещения статических файлов. Если они используют express
, вы можете использовать express.static()
. Подробнее в верхней части.