Вопрос:
Я создаю приложение в 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 —> 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
Нажмите CTRL-C, чтобы остановить сервер
Наслаждайтесь!