vagrant nuxt vue 开发

Posted 2022-03-12 cd ~/Homestead

环境配置

• package.json

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

• Homestead.yaml

ports:
    - send: 3000
      to: 3000
    - send: 443
      to: 443  

启动服务

• 登录虚拟机

cd ~/Homestead/
vagrant ssh
sudo -i

• 启动npm

cd /home/vagrant/code/nuxtproject/
npm update
npm install
npm run dev

• 在浏览器打开：http://127.0.0.1:3000/

使用Homestead.yaml 配置3000和443主要是为了本机与虚拟机做端口转发；
端口：
本机：3000
虚拟机：3000
IP：
本机：127.0.0.1
虚拟机：10.0.2.15

package.json不要使用以下配置，会造成和虚拟机的冲突

  "config": 
    "nuxt": 
      "host": "127.0.0.1",
      "port": "3000"