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

Question

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

Answer 1

платформа Windows

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

Answer 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 версии.

Answer 3

Вы можете сделать это, используя http-сервер .

Сначала установите пакет глобально

npm install http-server -g.

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

http-server dist/.

А если вы используете угловой 6.x.x, вы должны запустить

http-server dist/your-project-name

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