Доступ к приложению Vue. js с другого устройства в той же сети (также с использованием прокси) - PullRequest
Новая
       89

Доступ к приложению Vue. js с другого устройства в той же сети (также с использованием прокси)

0 голосов
/ 30 апреля 2020

так что моя проблема в основном такая же, как здесь , но на вопрос пока нет ответа.

Проблема в том, что я не могу просмотреть свое приложение vue в веб-браузер при посещении <pc_ip>:8080. Однако, когда я запускаю приложение vue. js с npm run serve, оно говорит мне, что именно так я мог получить доступ к странице, кроме того, что сделал localhost:8080. Это работает с моего P C, но с моим телефоном, который подключен к тому же Wi-Fi, я получаю ошибку, что URL-адрес не доступен.

Заранее спасибо!

ОБНОВЛЕНИЕ: Поэтому после нахождения некоторых других постов я также попытался записать некоторые вещи в vue .config. js вроде здесь , здесь , здесь или здесь например 

module.exports = {
    devServer: {
      port: 8080,
      host: '0.0.0.0'
    }
  }

Однако проблема все еще сохраняется. Я также попытался заменить хост в этом файле своим реальным ip, но он тоже не работает.

ОБНОВЛЕНИЕ 2: Как уже упоминалось в комментарии, у меня когда-то была похожая проблема go при попытке чтобы получить доступ к моему flask серверу с моего телефона, который был в той же сети. Тогда я установил переменную хоста в IP-адрес p c, и это сработало. Как только я протестировал только что, я понял, что прокси корпорации, который я должен использовать параллельно, может сыграть в этом роль. Когда я не был подключен через plink.exe, я не мог получить доступ к своему работающему flask серверу с моего телефона. Когда я подключился после этого, все работает. Может ли прокси-сервер или отсутствующая конфигурация мешать мне получить доступ к моему vue приложению?

ОБНОВЛЕНИЕ 3: поэтому я полностью отключил брандмауэр и затем смог получить доступ к странице с другого устройства , Я задавался вопросом, блокировало ли какое-либо другое правило порт, как в этом сообщении Windows Брандмауэр - Laravel Artisan Serve - Разрешить порт во входящем правиле (не работает) . Но я не уверен, как мне найти это правило, если одно из них блокирует мой порт?

1 Ответ

0 голосов
/ 30 апреля 2020

Обычно, когда вы выполняете команду npm run serve, она дает вам два адреса для доступа к вашему приложению. Локальный адрес и сетевой адрес. Вот так: 

App running at:
   - Local: http: // localhost: 8080 /
   - Network: http://IP_ADDRESSE:8080/

Так что с вашим телефоном вы должны использовать сетевой адрес, а не локальный.

...