如何从主机连接访客 localhost:3000？
所以我在 Vagrant 中建立了一个 Vue 项目。 vagrant ssh 并由 yarn dev 为项目提供服务，它表明它正在 Vagrant 中的 localhost:3000 上运行。
这是我的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 步
首先我必须将端口号从 guest(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)。我在我的package.json 中添加了HOST=0.0.0.0 PORT=3000
"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 访问它。
谢谢
【讨论】：