Как использовать брандмауэр и браузеры с локальным доменом?

Я использую бродягу, и я настроил его для обновления моего файла etc/host здесь.

10.20.1.36  example.dev

Затем я могу получить доступ к серверу apache VM с помощью http://example.dev/

Я хочу использовать browsersync из командной строки, но я не смог получить доступ к моему сайту. У меня есть браузеры, установленные на моем хосте Mac и в бродячей виртуальной машине. Я пробовал это с моего mac и VM с помощью следующей команды, но она не работает ни в одной среде.

browser-sync start --proxy "example.dev" --files "public/*.html,public/css/*.css,public/js/*.js"

Вот что я получаю от Mac

[BS] Proxying: http://example.dev
[BS] Access URLs:
 -------------------------------------
   Local: http://localhost:3000
External: http://192.168.0.10:3000
 -------------------------------------
      UI: http://localhost:3001
 UI External: http://192.168.0.10:3001
 -------------------------------------
[BS] Watching files...

И вот что происходит в VM

[BS] Proxying: http://example.dev
[BS] Now you can access your site through the following addresses:
[BS] Local URL: http://localhost:3000
[BS] External URL: http://10.0.2.15:3000
[BS] Watching files...

Когда я запускаю его в Mac, я могу получить доступ к браузерам ui на http://localhost:3001/, но не на моем сайте.

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

Поиск в Интернете возвращает много результатов, но все они связаны с grunt или gulp, и я не использую ни один из них.

РЕДАКТИРОВАТЬ: Я добавил перенаправление порта в бродягу, а затем запускаю синхронизацию браузера из vm. Все работает сейчас http://example.dev:3000 и http://example.dev:3001.

Вот что я добавил в свой Vagrantfile: config.vm.network :forwarded_port, guest: 3000, host: 3000, auto_correct: true config.vm.network :forwarded_port, guest: 3001, host: 3001, auto_correct: true

Ответы

Ответ 1

Вот как я начал работать.

Я добавил переадресацию порта в бродягу, а затем запускаю синхронизацию браузера из vm. Все работает сейчас http://example.dev:3000 и http://example.dev:3001.

Вот что я добавил в свой Vagrantfile: config.vm.network :forwarded_port, guest: 3000, host: 3000, auto_correct: true config.vm.network :forwarded_port, guest: 3001, host: 3001, auto_correct: true

Ответ 2

1.- Я использовал поле cerobox

2.- config виртуальный хост C:\Windows\System32\drivers\etc\host в windows

192.168.33.10   exampleurl.app

3.-запустить vagrant up в проекте папки

4.- установить браузер-синхронизацию

npm install -g browser-sync

5.-run browse-sync

browser-sync start -p "exampleurl.app" -f "public, resources, otherfolder, namefiles, etc"

Вы увидите эту информацию для подключения устройств

[BS] Proxying: http://exampleurl.app
[BS] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://192.168.1.77:3000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.1.77:3001
 -------------------------------------
[BS] Watching files...

6.- используйте этот ip для соединения

http://192.168.1.77:3000