Angular 6 on ng serve изменить localhost: 4200 на домен: имя

Question

В Angular 6 мы используем ng serve для запуска углового сервера с ng сервером --open, в браузере получаем http://localhost:4200,

Что я хочу: - Когда я работаю с angular 6проект, должен показывать напрямую, перейдите на http://domain -name.com

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

В СВЕЖЕМ ПРОЕКТЕ

Answer 1

Для запуска проекта на реальном домене. Выполните следующие действия.

Шаг 1: Создайте сборку с помощью этой команды. ng build --prod.

Шаг 2. В Dist / index.html обновите базовый URL-адрес, указав свое доменное имя.

Шаг 3: Создайте ZIP-файл из папки dist.

Шаг 4: Скопируйте и вставьте папку ZIP на свой сервер. Вы можете использовать filezilla для этого.

Шаг 5: Распаковать папку.

Шаг 6. Обновите имя папки dist до имени папки вашего проекта.

Шаг 7: Проверьте в браузере.

Answer 2

ng serve --open предназначен только для локальной разработки - это не имеет значения, его можно изменить при развертывании проекта

ng build --prod --deploy-url=[bind the domain url]

Это предоставит вам сборку на основе указанного вами домена, и вы сможете развернуть свои сборки в определенном месте

Для изменения порта ng serve вы можете использовать ng serve --open --port=4500 любой указанный номер порта.