Nginx 从主机连接本地主机:3000 in vagrant

Nginx 从主机连接本地主机:3000 in vagrant,nginx,vagrant,homestead,Nginx,Vagrant,Homestead,如何从主机连接来宾本地主机:3000? 所以我在Vagrant建立了一个Vue项目vagrant ssh,并通过Thread dev为项目提供服务,它显示它在vagrant中的localhost:3000上运行 这是我的宅地。yaml配置: -地图:consumer.test 致:/home/vagrant/projects/Consumer 在我的主机上,我添加了编辑后的主机文件,如下所示: 192.168.10.10消费者测试 因此,我在我的主机上进行了consumer.test,但

如何从主机连接来宾本地主机:3000?

所以我在Vagrant建立了一个Vue项目
vagrant ssh
,并通过
Thread dev
为项目提供服务,它显示它在vagrant中的
localhost:3000
上运行

这是我的
宅地。yaml
配置:

-地图:consumer.test
致:/home/vagrant/projects/Consumer

在我的主机上,我添加了编辑后的主机文件,如下所示:

192.168.10.10消费者测试

因此,我在我的主机上进行了
consumer.test
,但它当然不会运行,因为缺少端口号,并给出以下错误:

403禁止
nginx/1.13.6


如何修复此问题?

好的。我刚把它整理好

步骤1

首先,我必须将端口号从来宾(vagrant ssh)转发到主机。这是通过
homestad.yaml
配置完成的:

d
端口:
-发送:80(来自主机)
-至:3000(至客户机)

您可以将其添加到您的Vagrant配置中:

config.vm.network“forwarded_port”,guest:3000,host:80,auto_correct:true

步骤2

我从以下位置更改了我的
C:\Windows\System32\drivers\etc\hosts
配置:

192.168.10.10消费者。测试

127.0.0.1消费者。测试

步骤3

因为我正在使用Vue(nuxt)。我在我的
package.json中添加了
HOST=0.0.0.0 PORT=3000

“脚本”:{
“开发”:“主机=0.0.0.0端口=3000 nuxt”,
“构建”:“nuxt构建”,
“开始”:“nuxt开始”,
“生成”:“nuxt生成”,
“lint”:“eslint--ext.js、.vue--ignore path.gitinore.”,
“预调试”:“npm运行lint”
},

现在我只需要在项目文件夹中运行
vagrant ssh
,然后运行
warn dev
。现在,在主机上,我可以从
consumer.test
访问它

谢谢