Как разрешить доступ за пределами локального хоста на Angular2? Я могу легко перемещаться по localhost:3030/panel но я не могу перемещаться, когда пишу свой IP-адрес, например 10.123.14.12:3030/panel/.
Не могли бы вы рассказать мне, как это исправить? Я не использую npm (управление узлом проекта - установка узла/запуск узла) для установки и запуска проекта.
Если вы хотите, я могу предоставить свои package.json и index.html.
Использование ng serve --host 0.0.0.0 позволит вам подключиться к ng serve используя ваш ip вместо localhost.
РЕДАКТИРОВАТЬ
В новых версиях cli вы должны указать свой локальный IP-адрес
EDIT 2
В новых версиях cli (я думаю, v5 и выше) вы можете использовать 0.0.0.0 в качестве ip снова, чтобы разместить его для всех, кто в вашей сети, чтобы поговорить.
Пользователи Mac:
ng serve --host 192.168.1.x Затем вы сможете увидеть свою страницу на других устройствах через 192.168.1.x:4200.
запустить command- "ng serve --host = 0.0.0.0 --disable-host-check"
это отключит проверку хоста и позволит получить доступ извне (вместо localhost) с ip-адресом
вы также можете анализировать весь HTTP-трафик, проходящий через ваши туннели, с помощью ngrok, а затем вы можете использовать ngrok http --host-header=rewrite 4200
Откройте cmd и перейдите к местоположению проекта, т.е. где вы запускаете npm install или ng для проекта.
а затем запустите команду - ng serve --host 10.202.32.45 где 10.202.32.45 - ваш IP-адрес.
Вы сможете получить доступ к своей странице в 10.202.32.45:4200 где 4200 - номер вашего порта.
Примечание. Если вы используете приложение, используя эту команду, вы не сможете получить доступ к localhost:4200
Я просто редактирую файл angular.json в моем проекте, как angular.json ниже, и он работает
...
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "project:build",
"host": "0.0.0.0"
},
...
Вы можете использовать следующую команду для доступа к вашему ip.
ng serve --host 0.0.0.0 --disable-host-check
Если вы используете npm и хотите не запускать команду каждый раз, мы можем добавить следующую строку в файл package.json в разделе сценариев.
"scripts": {
...
"start": "ng serve --host 0.0.0.0 --disable-host-check"
...
}
Затем вы можете запустить свое приложение, используя приведенную ниже команду для доступа из другой системы в той же сети.
npm start
Хотя ответ mast3rd3mon об использовании ng serve --host 0.0.0.0 - тот, который работает и работает для меня, но в последнее время я не смог подключиться даже после его использования, проблема оказалась в настройке сети в моем Система Windows 10. Сеть не была общедоступной, убедитесь, что это так. Так что ng serve --host 0.0.0.0 вместе с этой настройкой сети будет работать.
Отказ от ответственности: я использую этот параметр на моем домашнем Wi-Fi только для целей разработки
Чтобы сделать сеть общедоступной, щелкните значок сети в области уведомлений (в правом нижнем углу) → укажите сеть, к которой вы подключены → нажмите Properties
использование
ng serve --port 4202 --host 0.0.0.0 --publicHost ec2-your-public-host-link.com
Для проблемы был Firewall. Если вы работаете в Windows, убедитесь, что узел разрешен через 
Для людей, использующих менеджер проектов узлов, также будет достаточно добавить эту строку в package.json. Для пользователей угловых CLI ответ mast3rd3mon верен.
Можете добавить
"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"
в package.json
Решение для "Вы должны быть внутри проекта с угловым cli для использования команды подачи" прост. В нем говорится, что вы должны находиться в папке проекта. То есть вам нужно перейти к местоположению вашего проекта в командной строке или что-то в этом роде. Просто используйте команду cd для перехода к папке проекта. Когда вы находитесь в папке проекта, введите
ng serve
Это будет работать.