Я создаю приложение в 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, чтобы просмотреть ваше приложение.
В моем случае я сделал следующее:
Установить http-сервер глобально
npm install http-server -g
Затем внутри каталога проекта (в терминале) я запускаю
http-server dist/[your-project-name]
Теперь вы можете посетить http://localhost:8080/index.html, чтобы просмотреть ваше приложение. Но когда я перезагружаю страницу браузера, мне нужно снова добавить /index.html в URL.
Он работает в версии Angular 7.x.x.
оконная платформа
- 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)
используйте ng serve --open для сборки приложения и запуска веб-сервера
Из терминала:
$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, чтобы остановить сервер
Наслаждайтесь!