Как запустить папку Dist на локальном компьютере в угловом 6?

Вопрос:

Я создаю приложение в Angular, теперь я запустил команду ng build –prod, которая дала мне папку dist. Теперь, как проверить или обслуживать эту папку на Localhost?

Лучший ответ:

Вы можете сделать это с помощью http-сервера.

Сначала установите пакет по всему миру

npm install http-server -g.

Затем внутри вашей директории проекта (в терминале) просто запустите

http-server dist/.

И если вы используете угловой 6.xx, вам нужно запустить

http-server dist/your-project-name

Теперь вы можете посетить http://localhost: 8080, чтобы просмотреть ваше приложение.

Ответ №1

В моем случае я сделал следующее:

Установить http-сервер глобально

npm install http-server -g

Затем внутри каталога проекта (в терминале) я запускаю

http-server dist/[your-project-name]

Теперь вы можете посетить http://localhost:8080/index.html, чтобы просмотреть ваше приложение.
Но когда я перезагружаю страницу браузера, мне нужно снова добавить /index.html в URL.


Он работает в версии Angular 7.x.x.

Ответ №2

оконная платформа

 - Install wamp server -->
https://wampserver.en.softonic.com/ and start.
- your dist folder files copy to c:/wamp/www/(your project name)/
- And create .htaccess file redirect your index.html.
(http://www.htaccesstools.com/htaccess-faq/)
- Next run browser http://localhost/(your project name)

платформа ubuntu

 - Install lamp server -->
https://www.linode.com/docs/web-servers/lamp/install-lamp-stack-on-ubuntu-16-04/ and start.
- your dist folder files copy to /opt/lampp/htdocs/(your project name)/
- And create .htaccess file redirect your index.html.
(http://www.htaccesstools.com/htaccess-faq/)
- Next run browser http://localhost/(your project name)

Ответ №3

используйте ng serve –open для сборки приложения и запуска веб-сервера

Ответ №4

Из терминала:
$npm установить http-сервер -g

Из angular проекта Dir. Допустим, ваш англоязычный проект называется ngx.
$ ng build
$ http-сервер dist/ngx
Запуск http-сервера, обслуживающего dist/ngx
Доступно на:
http://127.0.0.1:8080
http://192.168.43.54:8080

Нажмите CTRL-C, чтобы остановить сервер

Наслаждайтесь!

Оцените статью
TechArks.Ru
Добавить комментарий