Подключение localhost: 3000 в бродяге с хост-машины
Как подключить гостевой localhost: 3000 с хост-машины?
Итак, я создал проект Vue в Vagrant. vagrant ssh и обслуживает проект yarn dev, и это показывает, что он работает на localhost:3000 в Vagrant.
Вот моя конфигурация Homestead.yaml:
- map: consumer.test
to: /home/vagrant/projects/Consumer
На моем хост-компьютере я добавил отредактированный файл hosts следующим образом:
192.168.10.10 consumer.test
Итак, я пошел к consumer.test на моем хост-компьютере, но, конечно, он не запустится, потому что номер порта отсутствует, и выдает следующую ошибку:
403 Forbidden
nginx/1.13.6
Как я могу это исправить?
Ответы 1
Хорошо. Я только что разобрался.
Шаг 1
Сначала мне нужно переслать номер порта от гостя (vagrant ssh) на хост-машину. Это делается через конфигурацию Homestead.yaml:
d
ports:
- send: 80 (from host)
- to: 3000 (to guest machine)
ИЛИ ЖЕ
вы можете добавить это в свою конфигурацию Vagrant:
config.vm.network "forwarded_port", guest: 3000, host: 80, auto_correct: true
Шаг 2
Я изменил свою конфигурацию C:\Windows\System32\drivers\etc\hosts с:
192.168.10.10 consumer.test
к
127.0.0.1 consumer.test
Шаг 3
Поскольку я использую Vue (nuxt). Я добавил HOST=0.0.0.0 PORT=3000 в свой package.json
"scripts": {
"dev": "HOST=0.0.0.0 PORT=3000 nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate",
"lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
"precommit": "npm run lint"
},
Теперь мне просто нужно поместить vagrant ssh в папку проекта и запустить yarn dev. На хост-машине теперь я могу получить к нему доступ с consumer.test.
Спасибо