Почему я не могу получить доступ к своему собственному серверу Vue Webpack через локальную сеть с другого устройства?

Question

Я немного новичок в этом деле, и это мой первый вопрос.Я спрашиваю вас, потому что я не мог решить эту проблему в течение 2-3 дней, даже после прочтения большого количества материала об этой проблеме.Что я нашел:

Я инициализирую свой проект vue webpack следующим образом, используя npm как vue init webpack

После его завершения я изменяю host: 'localhost' на host: '0.0.0.0',а также добавьте disableHostCheck: true.

в области config/index.js dev, и мой сервер запускается с -> npm run dev

Вывод:

Compiled successfully in 3070ms                   
Your application is running here: http://0.0.0.0:8080

Если я наберу свой IPv4-адрес в браузере с: 8080, как xxx.xxx.xxx.xxx:8080, мои проекты уже там.Это нормально, но я не вижу свой проект с другого устройства, например ноутбука или мобильного телефона.

Я не совсем понимаю это, потому что я читаю это, если мы введем «0.0.0.0» дляхост, это означает, что каждый может получить доступ к проекту в локальной сети.

Может кто-нибудь сказать мне, пожалуйста, почему это происходит?

Answer 1

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

Решение: просто включите свои порты в брандмауэре проклятых окон: D

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

Answer 2

Полагаю, http://0.0.0.0:8080 доступно только локально, с компьютера, на котором запущен ваш проект.Чтобы увидеть проект с другого компьютера (и он должен быть в той же сети, что важно), вы должны получить свой реальный IP-адрес (вы можете узнать, как это сделать, в зависимости от ОС, в Windows используйте команду «ipconfig» в cmd) итогда вы должны увидеть свой проект в локальной сети по URL, который может выглядеть следующим образом http://192.168.1.237:8080