vue項目啟動時自動獲取ip地址

今天發現項目啟動時，沒有獲取ip地址，想在手機或者讓別人瀏覽時，還得專門查一下本機ip，於是加一下自動獲取ip地址：

新建build/get-ip.js

// build/get-ip.js

var os = require('os'), ip = '', ifaces = os.networkInterfaces() // 獲取本機ip
out:
for (var i in ifaces) {
  for (var j in ifaces[i]) {
    var val = ifaces[i][j]
    if (val.family === 'IPv4' && val.address !== '127.0.0.1') {
      ip = val.address
      break out
    }
  }
}
module.exports = ip

在webpack.dev.conf.js中：加上紅色的代碼即可

const IP = require('./get-ip')


module.exports = new Promise((resolve, reject) => {
  portfinder.basePort = process.env.PORT || config.dev.port
  portfinder.getPort((err, port) => {
    if (err) {
      reject(err)
    } else {
      // publish the new Port, necessary for e2e tests
      process.env.PORT = port
      // add port to devServer config
      devWebpackConfig.devServer.port = port

      // Add FriendlyErrorsPlugin
      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
        compilationSuccessInfo: {
          messages: [
          `Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`,
          `Your application is running here: http://${IP}:${port}`],
        },
        onErrors: config.dev.notifyOnErrors
        ? utils.createNotifierCallback()
        : undefined
      }))

      resolve(devWebpackConfig)
    }
  })
})

 

 

 

 

 

。