Как я могу разрешить доступ вне локального хоста на Angular2? Я могу localhost:3030/panel
легко перемещаться, но не могу ориентироваться, когда пишу свой IP, например 10.123.14.12:3030/panel/
.
Не могли бы вы позволить мне, как это исправить? Я не использую npm
(управление проектом узла - установка узла / запуск узла) для установки и запуска проекта.
Если хотите, я могу предоставить свои package.json
и index.html
.
angular
typescript
ng-build
Тоньюкук
источник
источник
Ответы:
Использование
ng serve --host 0.0.0.0
позволит вам подключиться кng serve
использованию вашего IP вместоlocalhost
.РЕДАКТИРОВАТЬ
В более новых версиях Cli вместо этого вы должны указать свой локальный IP-адрес.
РЕДАКТИРОВАТЬ 2
В более новых версиях cli (я думаю, v5 и выше) вы можете
0.0.0.0
снова использовать его как ip, чтобы разместить его в сети для любого человека в вашей сети.источник
ng serve --open --host 0.0.0.0 --disable-host-check
Пользователи Mac:
ng serve --host 192.168.1.x
Тогда вы сможете увидеть свою страницу на других устройствах через
192.168.1.x:4200
.источник
Команда выполнения
это отключит проверку хоста и разрешит доступ извне (вместо localhost) с IP-адресом
источник
ng serve --host 0.0.0.0
у меня отлично работает Что должна делать проверка хоста?disabled-host-check
иначе я получил сообщение «Invalid Host header»Вы можете использовать следующую команду для доступа к вашему ip.
Если вы используете npm и хотите не запускать команду каждый раз, мы можем добавить следующую строку в файл package.json в разделе скриптов .
Затем вы можете запустить свое приложение, используя приведенную ниже команду для доступа из другой системы в той же сети.
источник
Я просто редактирую
angular.json
файл в моем проекте, как показано ниже, и он работает...
...
источник
вы также можете анализировать весь HTTP-трафик, проходящий через ваши туннели, с помощью ngrok , а затем вы можете использовать
ngrok http --host-header=rewrite 4200
источник
Откройте cmd и перейдите к местоположению проекта, т.е. где вы запускаете npm install или ng serve для проекта.
и затем выполните команду -
ng serve --host 10.202.32.45
где10.202.32.45
ваш IP-адрес.Вы сможете получить доступ к своей странице,
10.202.32.45:4200
где 4200 - номер вашего порта.Примечание. Если вы обслуживаете свое приложение с помощью этой команды, вы не сможете получить доступ к
localhost:4200
источник
Для проблемы был Firewall. Если вы работаете в Windows, убедитесь, что узел разрешен через
источник
Быстрое решение, которое может помочь кому-то:
Добавьте эту строку в качестве значения для начала
ng serve --host 0.0.0.0 --disable-host-check
в вашемpackage.json
например:
А потом просто сделать
start
илиnpm run start
Вы сможете получить доступ к своему проекту с других локальных IP-адресов.
источник
Если вы столкнулись с той же проблемой внутри Docker, то вы можете использовать ниже
CMD
в Dockerfile.Или полный Dockerfile
источник
Создайте
proxy.conf.json
и вставьте эту конфигурациюЗаменить:
Запустите из CLI:
источник
для меня это работает с использованием "ng serve --open --host 0.0.0.0", но есть предупреждение
ВНИМАНИЕ: Это простой сервер для локального тестирования или отладки приложений Angular. Он не был проверен на предмет безопасности.
Привязка этого сервера к открытому соединению может привести к компрометации вашего приложения или компьютера. Использование хоста, отличного от того, который передан флагу "--host", может привести к проблемам с подключением к веб-сокету Возможно, вам придется использовать «--disableHostCheck», если это так.
источник
Нет необходимости изменять package.json.
Для меня это работает с использованием:
Хост: http: // localhost: 5999 /
источник
Использование
ng serve --host<Your IP> --port<Required if any>
.ng serve --host = 192.111.1.11 --port = 4545.
Теперь вы можете увидеть следующую строку в конце компиляции.
источник
Для людей, использующих менеджер проектов узлов, также будет достаточно добавить эту строку в package.json. Для пользователей угловых CLI ответ mast3rd3mon верен.
Можете добавить
в package.json
источник