vue 项目使用 webpack 构建自动获取电脑ip地址

在启动vue项目时,我们发现需要自己配置启动的ip地址

1.在当前的build目录下新建一个IP.js文件用来获取本机ip地址

//build/IP.js
var os = require('os')

module.exports = function() {
    var ifaces = os.networkInterfaces()
    var ip = '', result = []
    for(var dev in ifaces) {
        ifaces[dev].forEach(function(details) {
            if(ip === '' && details.family === 'IPv4' && !details.internal) {
                ip = details.address
                return;
            }
        })
    }

    return ip || '127.0.0.1'
}

2、引入

//build/dev-server.js

// 获取IP
var host = require('./IP')()

var uri = 'http://' + (host || 'localhost') + ':' + port

devMiddleware.waitUntilValid(function () {
  console.log('> Listening at ' + uri + '\n')
})

本地文件:hxsapp-act-fe2

Vue项目启动时自动获取本机IP地址      https://blog.csdn.net/GreyBearChao/article/details/86657398

 

posted @ 2019-04-06 18:06  chenguiya  阅读(3552)  评论(0)    收藏  举报