脚手架3或4在创建安装依赖并运行后会有以下打印:
![](https://i-blog.csdnimg.cn/blog_migrate/03b2bf8c3ceec2fb35f832aa0579730f.png)
可以看到所需环境已配置完毕,所以只有脚手架2需要自己配置。
脚手架2在创建安装依赖并运行后会有以下打印:
![](https://i-blog.csdnimg.cn/blog_migrate/51eea132e5b01abbe7e518adc8db0387.png)
第一步需要打开根目录下build文件夹中webpackdev.conf.js
![](https://i-blog.csdnimg.cn/blog_migrate/4c4343e14546d29853ea8e356dd8122b.png)
并寻找到这一句:
![](https://i-blog.csdnimg.cn/blog_migrate/df9fb26fd9ab0fc43f75e736f5868be2.png)
只需要将其改为:
messages: [
`Your application is running here: http://localhost:${port}`,
`Network: http://${require('ip').address()}:${port}`,
],
第二步需要打开根目录下config文件夹中的index.js文件
![](https://i-blog.csdnimg.cn/blog_migrate/93c020324c0738c51e618bb8aa3fdf2d.png)
并找到这一句:
![](https://i-blog.csdnimg.cn/blog_migrate/0a233fac78b9cb8cb5912dc530b28c03.png)
将localhost改为0.0.0.0,如下
![](https://i-blog.csdnimg.cn/blog_migrate/a44641b65004b04d2977c061469c1477.png)
再启动项目就会有如下打印:
![](https://i-blog.csdnimg.cn/blog_migrate/6e56916e82396f44cf27e3ac6249cd0e.png)
我这里出现的169.254是链路本地地址,并不是IPv4地址,同一网络或wifi下的系统还是不能打开,一般情况启动后打印的都是IPv4,还没有找到为什么会打印这个地址。只需要看一下自己的当前网络下的IPv4地址就好了
![](https://i-blog.csdnimg.cn/blog_migrate/ce181c3308f5d35d71d36ac1e29f0f5d.png)
然后再浏览器输入地址加端口号,同一网络环境下的其它系统也可以打开。