Как разрешить доступ за пределами локального хоста

Как разрешить доступ за пределами локального хоста на Angular2? Я могу легко перемещаться по localhost:3030/panel но я не могу перемещаться, когда пишу свой IP-адрес, например 10.123.14.12:3030/panel/.

Не могли бы вы рассказать мне, как это исправить? Я не использую npm (управление узлом проекта - установка узла/запуск узла) для установки и запуска проекта.

Если вы хотите, я могу предоставить свои package.json и index.html.

Ответ 1

Использование ng serve --host 0.0.0.0 позволит вам подключиться к ng serve используя ваш ip вместо localhost.

РЕДАКТИРОВАТЬ

В новых версиях cli вы должны указать свой локальный IP-адрес

EDIT 2

В новых версиях cli (я думаю, v5 и выше) вы можете использовать 0.0.0.0 в качестве ip снова, чтобы разместить его для всех, кто в вашей сети, чтобы поговорить.

Ответ 2

Пользователи Mac:

  1. Перейдите в Системные настройки → Сеть → Wi-Fi
  2. Скопируйте IP-адрес ниже состояния (обычно 192.168.1.x)
  3. Вставьте его в свою ng-службу, например: ng serve --host 192.168.1.x

Затем вы сможете увидеть свою страницу на других устройствах через 192.168.1.x:4200.

Ответ 3

запустить command- "ng serve --host = 0.0.0.0 --disable-host-check"

это отключит проверку хоста и позволит получить доступ извне (вместо localhost) с ip-адресом

Ответ 4

вы также можете анализировать весь HTTP-трафик, проходящий через ваши туннели, с помощью ngrok, а затем вы можете использовать ngrok http --host-header=rewrite 4200

Ответ 5

Откройте cmd и перейдите к местоположению проекта, т.е. где вы запускаете npm install или ng для проекта.

а затем запустите команду - ng serve --host 10.202.32.45 где 10.202.32.45 - ваш IP-адрес.

Вы сможете получить доступ к своей странице в 10.202.32.45:4200 где 4200 - номер вашего порта.

Примечание. Если вы используете приложение, используя эту команду, вы не сможете получить доступ к localhost:4200

Ответ 6

Я просто редактирую файл angular.json в моем проекте, как angular.json ниже, и он работает

...

    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "project:build",
        "host": "0.0.0.0"
      },

...

Ответ 7

Вы можете использовать следующую команду для доступа к вашему 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

Ответ 8

Хотя ответ mast3rd3mon об использовании ng serve --host 0.0.0.0 - тот, который работает и работает для меня, но в последнее время я не смог подключиться даже после его использования, проблема оказалась в настройке сети в моем Система Windows 10. Сеть не была общедоступной, убедитесь, что это так. Так что ng serve --host 0.0.0.0 вместе с этой настройкой сети будет работать.

enter image description here

Отказ от ответственности: я использую этот параметр на моем домашнем Wi-Fi только для целей разработки

Чтобы сделать сеть общедоступной, щелкните значок сети в области уведомлений (в правом нижнем углу) → укажите сеть, к которой вы подключены → нажмите Properties

Ответ 9

использование

 ng serve  --port 4202 --host 0.0.0.0 --publicHost ec2-your-public-host-link.com

Ответ 10

Для проблемы был Firewall. Если вы работаете в Windows, убедитесь, что узел разрешен через enter image description here

Ответ 11

Для людей, использующих менеджер проектов узлов, также будет достаточно добавить эту строку в package.json. Для пользователей угловых CLI ответ mast3rd3mon верен.

Можете добавить

"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"

в package.json

Ответ 12

Решение для "Вы должны быть внутри проекта с угловым cli для использования команды подачи" прост. В нем говорится, что вы должны находиться в папке проекта. То есть вам нужно перейти к местоположению вашего проекта в командной строке или что-то в этом роде. Просто используйте команду cd для перехода к папке проекта. Когда вы находитесь в папке проекта, введите

ng serve

Это будет работать.