zoukankan      html  css  js  c++  java
  • 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)
        }
      })
    })

  • 相关阅读:
    uboot中setenv和saveenv分析
    DMA和通道的区别
    openwrt 切换overlay文件系统为根文件系统
    华为SDN:解决传统网络3大问题
    企业需要申请多大宽带的专线?如何节省专线费用?
    stp
    inotify文件监控
    Qt中C++与QML交互
    内核空间可以直接访问应用层空间地址
    linux 提权漏洞总结
  • 原文地址:https://www.cnblogs.com/fqh123/p/13343459.html
Copyright © 2011-2022 走看看