请问vue-cli中Network: unavailable如何解决

问题遇到的现象和发生背景

img

终端运行效果:

img

按照网上教程:

img

修改代码:

img

终端运行效果:

img

我想要达到的结果

希望能从终端获取Network的IP值

1、首先设置localhost和本地ip访问
在config文件下的index.js文件中,修改host为:host: '0.0.0.0',
或者在package.json文件下"scripts"的"dev"值后新增–host 0.0.0.0",即:
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",

2、设置启动后终端显示localhost和network访问地址
修改build文件下compilationSuccessInfo的messages属性值:

compilationSuccessInfo: {
          // 修改启动后终端显示localhost和network访问地址
          messages: [
            `App runing at: `,
            `Local: http://localhost:${port}`,
            `Network: http://${require('ip').address()}:${port}`,
          ],
        },