vue开启network(IPv4地址)下的端口号

脚手架3或4在创建安装依赖并运行后会有以下打印：

可以看到所需环境已配置完毕，所以只有脚手架2需要自己配置。

---

脚手架2在创建安装依赖并运行后会有以下打印：

第一步需要打开根目录下build文件夹中webpackdev.conf.js

并寻找到这一句：

只需要将其改为：

messages: [
     `Your application is running here: http://localhost:${port}`,
     `Network: http://${require('ip').address()}:${port}`,
],

第二步需要打开根目录下config文件夹中的index.js文件

并找到这一句：

将localhost改为0.0.0.0，如下

再启动项目就会有如下打印：

我这里出现的169.254是链路本地地址，并不是IPv4地址,同一网络或wifi下的系统还是不能打开，一般情况启动后打印的都是IPv4,还没有找到为什么会打印这个地址。只需要看一下自己的当前网络下的IPv4地址就好了

然后再浏览器输入地址加端口号，同一网络环境下的其它系统也可以打开。