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

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

解決方案：

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

vue init webpack myproject

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

// build/get-ip.js

var os = require('os'), ip = '', ifaces = os.networkInterfaces() // 獲取本機(jī)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不存在時(shí)則使用本機(jī)IP

3.啟動(dòng)：

npm start