Как получить доступ к приложению angular 6 с другой машины?

Я установил Angular 6, который работает на моей локальной машине. Но не запустить другую машину, которая подключена к локальной сети. Я пробовал эти шаги, но не использую.

ng serve --host 10.0.136.126 // http://10.0.136.126:4200
ng serve --host 0.0.0.0 // http://10.0.136.126:4200
ng serve --host=0.0.0.0 // http://10.0.136.126:4200
ng serve --host=0.0.0.0 --disable-host-check // http://10.0.136.126:4200
ng serve --host 10.0.136.126 --disable-host-check // http://10.0.136.126:4200

Вышеуказанная команда отлично работает на моей машине, но не на машине моего коллеги, которая подключена к локальной сети. Я использую ubuntu 16.04, протестирован как с Ubuntu, так и с Windows. Версии:

Angular CLI: 6.0.8
Node: 8.11.3
OS: linux x64
Angular: 6.0.4

node --version => 6.1.0
npm --version => 8.11.3

Но я могу получить доступ к своему phpmyadmin или любому проекту php с помощью http://10.0.136.126/phpmyadmin на другой машине.


person Gopalakrishnan    schedule 18.06.2018    source источник
comment
Убедитесь, что ваш брандмауэр не блокирует порт 4200   -  person Reactgular    schedule 18.06.2018


Ответы (2)


Да, виноват брандмауэр с номером порта на машине Ubuntu 16.04. Приходится проверять брандмауэр. И добавьте номер порта

sudo ufw allow 4200/tcp
person Gopalakrishnan    schedule 18.06.2018

Если вы обращаетесь к своим php-проектам и phpMyAdmin, это означает, что сервер уже запущен.

Поэтому, чтобы использовать свой угловой проект, вы можете легко развернуть его на сервере.

  1. беги ng build --base-herf . // dont forget the dot
  2. скопируйте папку dist в папку www сервера.

    • if you are using apache copy the dist folder and past it in the /var/www/html

Затем вы можете получить доступ к своему угловому проекту http://10.0.136.126/dist

Дайте мне знать, если это поможет или нет.

person bereket gebredingle    schedule 18.06.2018
comment
не в режиме разработки, я хочу получить доступ только с ip: 4200. - person Gopalakrishnan; 18.06.2018