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

Question

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

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

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

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

385

angular typescript ng-build

Источник

user2307786 19 апр '17 в 09:57

21 ответ

Решение

Запустите команду-" ng serve --host=0.0.0.0 --disable-host-check "

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

96

Источник

user8512611 09 май '18 в 17:42

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

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

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

66

Источник

user4205231 08 окт '17 в 23:30

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

27

Источник

user8265160 10 июн '19 в 16:50

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

...

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

...

22

Источник

user11115125 25 фев '19 в 17:23

Нет необходимости изменять package.json.

Для меня это работает с использованием:

ng serve --host=0.0.0.0 --port=5999 --disable-host-check

Хост: http://localhost:5999/

22

Источник

user4090733 16 июн '20 в 18:10

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

17

Источник

user6727914 20 июл '19 в 06:42

В Angular версии 11 (и, возможно, в некоторых более ранних версиях) --public-host вариант подходит для меня, например:

$ ng serve --host 0.0.0.0 --public-host app.mypublicdomain.com

13

Источник

user3364064 19 апр '21 в 00:55

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

8

Источник

user5807064 03 апр '19 в 06:17

ng serve --host 0.0.0.0позволит вам подключиться к серверу ng, используя ваш IP-адрес вместо локального хоста.

Откройте в браузере адрес <IP-АДРЕС>:4200.
С использованием ng serve --host 0.0.0.0 --disable-host-checkпозволит вам подключиться к серверу ng, используя ваш домен вместо локального хоста.

Откройте в браузере адрес <ДОМЕННОЕ ИМЯ>:4200.

7

Источник

user17441872 23 дек '21 в 18:43

Если вы столкнулись с такой же проблемой внутри Docker, вы можете использовать ниже CMD в Dockerfile.

CMD ["ng", "serve", "--host", "0.0.0.0"]

Или заполните Dockerfile

FROM node:alpine
WORKDIR app
RUN npm install -g @angular/cli
COPY . .
CMD ["ng", "serve", "--host", "0.0.0.0"]

7

Источник

user3288890 07 июл '20 в 03:36

Откройте 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

6

Источник

user5517679 18 май '18 в 06:52

Быстрое решение, которое может кому-то помочь:

Добавьте эту строку как значение для начала ng serve --host 0.0.0.0 --disable-host-checkв твоем package.json

пример:

{
"ng": "ng",
"start": "ng serve --host 0.0.0.0 --disable-host-check",
"build": "ng build",
}

А потом просто сделай start или npm run start

вы сможете получить доступ к своему проекту с других локальных IP-адресов.

5

Источник

user10454340 18 фев '20 в 09:59

Использование команды ng serve --host 0.0.0.0 решило мою проблему. Используйте 192.168.xx:5200, чтобы получить доступ к приложению с другого компьютера.

Кроме того, проверьте правила брандмауэра на клиенте и сервере (временно отключите брандмауэр или создайте правило, разрешающее трафик)

2

Источник

user6850561 19 ноя '21 в 09:06

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

Это сработало для меня отлично (даже с использованием общедоступного IP-адреса с хостом, указанным на этот IP-адрес).

0

Источник

user2736818 04 сен '21 в 08:44

      @angular/cli@12.0.1
ng serve --host=0.0.0.0 --disableHostCheck

0

Источник

user11343720 21 июл '21 в 16:37

Создайте proxy.conf.json и вставьте эту конфигурацию

{  
"/api/*":
    {    
        "target": "http://localhost:7070/your api project name/",
        "secure": false,
        "pathRewrite": {"^/api" : ""}
    }
}

Заменить:

let url = 'api/'+ your path;

Запускаем из CLI:

ng serve  --host port.number —-proxy-config proxy.conf.json

-1

Источник

user13553737 25 май '20 в 08:58

Использовать ng serve --host<Your IP> --port<Required if any>.
ng serve --host=192.111.1.11 --port= 4545.
Теперь вы можете увидеть следующую строку в конце компиляции.

Angular Live Development Server прослушивает 192.111.1.11:4545, откройте браузер на http://192.111.1.11:4545/ **.

-1

Источник

user9297941 30 июн '20 в 10:13

Для меня он работает с использованием "ng serve --open --host 0.0.0.0", но есть предупреждение

ВНИМАНИЕ! Это простой сервер для локального тестирования или отладки приложений Angular. Он не проверялся на предмет безопасности.

Привязка этого сервера к открытому соединению может привести к компрометации вашего приложения или компьютера. Использование другого хоста, отличного от того, который передан флагу "--host", может привести к проблемам с подключением к веб-сокету. В этом случае вам может потребоваться использовать "--disableHostCheck".

-1

Источник

user10144943 15 июн '20 в 13:14

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

Вы можете добавить "" сервер ": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"в package.json

-2

Источник

user2307786 21 апр '17 в 08:29

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

ng serve

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

-3

Источник

user8288608 18 июл '17 в 06:01

Другие вопросы по тегам angular typescript ng-build

user7199668 19 апр '17 в 10:01 2017-04-19 10:01 · Accepted Answer · 2017-04-19 10:01

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

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

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

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

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