Как разрешить доступ снаружи на localhost

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

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

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

Arun Bertil
Редактировал вопрос 11-го апреля 2018 в 11:47
Программирование
angular typescript ng-build
19-го апреля 2017 в 9:57
33 просмотров
Комментарии к вопросу (4)
Решение

Используя НГ служите-хоста 0.0.0.0 позволит вам подключиться к НГ приготовить, используя ваш IP, а не локальным localhost.

Редактировать

В новой версии CLI, вы должны предоставить ваш локальный IP-адрес вместо

Редактировать 2

В новой версии CLI (я думаю, V5 и выше) вы можете использовать 0.0.0.0 снова, как IP к хост это для тех, кто в сети поговорить.

Thomas Darvik
Редактировал ответ 15-го июня 2018 в 8:09
Комментарии (15)

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

  1. Перейдите в Системные настройки -> В Сети> беспроводной доступ в интернет
  2. Скопируйте IP-адрес ниже состояние (обычно 192.168.1.х)
  3. Добавьте его в свой НГ служить как: НГ служите-хост 192.168.1.х

Тогда вы должны быть в состоянии видеть ваши страницы на других устройствах через 192.168.1.х:4200`.

Sajad
Редактировал ответ 12-го сентября 2018 в 10:08
Комментарии (4)

командной и запустить" на НГ служить опции --host=0.0.0.0 --отключить-хост-регистрация и"

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

Комментарии (3)

вы также можете проверить весь HTTP-трафик, работает над своим туннели через сайту ngrok тогда вы можете выставить с помощью сайту ngrok по HTTP --хост-заголовок=переписать 4200`

Zombie
Редактировал ответ 3-го апреля 2019 в 9:12
Комментарии (0)

Вы можете использовать следующую команду, чтобы получить доступ с вашего IP.

ng serve --host 0.0.0.0 --disable-host-check

Если вы используете НПМ и хотите, чтобы избежать выполнения команды каждый раз, можно добавить следующую строку в пакет.JSON в файле в Скрипты раздел.

"scripts": {
    ...
    "start": "ng serve --host 0.0.0.0 --disable-host-check"
    ...
}

Затем вы можете запустить приложение, используя следующую команду, чтобы получить доступ из другой системы в той же сети.

npm start
Комментарии (1)

Я просто редактировать угловой.JSON-файл в мой проект, как показано ниже, и она работает

...

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

...

Farzad
Редактировал ответ 25-го февраля 2019 в 5:30
Комментарии (0)

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

а затем выполнить команду - НГ служите-хозяин 10.202.32.45, где 10.202.32.45 ваш IP-адрес.

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

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

Комментарии (3)

Для проблема была в Брандмауэре. Если вы находитесь на Windows, убедитесь, что узел разрешен

Комментарии (0)

Используйте это :

НГ служить --хоста --0.0.0.0 порт ХХХХ

Комментарии (0)

Для людей, которые используют узел менеджер проекта, также эта линия добавив в пакет.JSON будет достаточно. Для пользователей угловая Кинк, mast3rd3mon'ы ответьте, это правда.

Вы можете добавить

в JavaScript на "сервер" и: "и webpack-dev-сервер --встроенные --прогресс --узел --0.0.0.0 порт 3000 и"

для упаковки.в JSON

BossmanT
Редактировал ответ 8-го апреля 2019 в 5:30
Комментарии (0)