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

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

Ответ 1

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

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

npm install http-server -g.

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

http-server dist/.

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

http-server dist/your-project-name

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

Ответ 2

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

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

npm install http-server -g

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

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

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


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

Ответ 3

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

 - 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)

Ответ 4

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

Ответ 5

Из терминала:
$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, чтобы остановить сервер

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