nuxt本機運行，如何用ip訪問，localhost也可以訪問？

為了方便獲取本機ip，我們需要安裝一個ip插件

npm install --save ip

在server/index.js中：

var ip = require('ip');
var myip = ip.address();  // 本機IP

consola.ready({
    message: `Server listening on http://localhost:${port}`,
    badge: true
  })
  consola.ready({
    message: `Server listening on http://${myip}:${port}`,
    badge: true
  })

另外，想要用ip訪問，還需要在package.json文件中加一段配置：

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

至此，運行一下項目npm run  dev

就可以用localhost和本機ip一起訪問了

 

 

另一種方式：

在nuxt.config.js中，配置server項：

server:{
    port: 8000,//端口
    host: '0.0.0.0' // default: localhost   
}

然后在 server/index.js中

獲取本機ip

function getIPAdress() {
  //獲取本機ip
  var interfaces = require('os').networkInterfaces();　　
  for (var devName in interfaces) {　　　　
      var iface = interfaces[devName];　　　　　　
      for (var i = 0; i < iface.length; i++) {
          var alias = iface[i];
          if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
              return alias.address;
          }
      }　　
  }
}

更改app監聽的主機以及端口：

// Listen the server
  let devIp = getIPAdress();
  app.listen(port, devIp)
 
  consola.ready({
    message: `Server listening on http://${devIp}:${port}`,
    badge: true
  })

 

 

 

 

 

。