Nuxt.js + Vagrant + Homestead 端口转发

Question

我无法连接到我的 Nuxt.js 应用程序 OUTSIDE vagrant box（也就是我的主机或本地机器），但它能够检索内容 INSIDE vagrant box.

所以...

我正在使用 Laravel Homestead 来托管我的 Nuxt.js 应用程序，我通过

在 vagrant box 中启动服务器

nuxt start --public 0.0.0.0:3000

我可以确认它是运行ning 并且一条消息显示它正在侦听 localhost:3000 并且 curl localhost:3000returns申请内容

我还检查了我的 homestead.yaml 配置，我在那里设置了端口转发。

ip: "192.168.10.10"
memory: 8192
cpus: 4
provider: virtualbox

authorize: ~/.ssh/id_rsa.pub

keys:
    - ~/.ssh/id_rsa

folders:
    - map: D:/Developments
      to: /home/vagrant/projects

sites:
    - map: homestead.test
      to: /home/vagrant/projects/public

databases:
    - homestead

ports:
    - send: 9200
      to: 9200
    - send: 5601
      to: 5601
    - send: 3000
      to: 3000

我做错了什么？ Elasticsearch 和 Kibana 等其他应用程序似乎运行正常，可以在我的 local/host 机器上访问。

Answer 1

尝试使用 cross-env 包来运行 NUXT 应用程序。

cross-env HOST=0.0.0.0 PORT=3000 nuxt start

Answer 2

我将这部分添加到我的 package.json 中，现在可以使用了

    "config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "3000"
    }
  }

Nuxt.js + Vagrant + Homestead 端口转发

Nuxt.js + Vagrant + Homestead port forwarding

vagrant

laravel

vue.js

homestead