https://blog.csdn.net/GreyBearChao/article/details/86657398

在啟動vue項目時，我們發(fā)現(xiàn)需要自己配置啟動的ip地址，這樣在多人開發(fā)便顯得很不方便。

解決方案：

使用vue-cli構(gòu)建項目：（其他配置類似）

vue init webpack myproject

1.在當(dāng)前的build目錄下新建一個get-ip.js文件用來獲取本機ip地址

// 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

2.引入

// webpack.dev.conf.js

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

const HOST = process.env.HOST

...

devServer: {

...

host: HOST || config.dev.host || IP

}

// 當(dāng)HOST和config.dev.host不存在時則使用本機IP

3.啟動：

npm start