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

原创已于 2023-01-04 15:41:20 修改 · 1.5k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2023-01-04 15:19:50 首次发布

文章介绍了在脚手架2的项目中如何进行配置，以使应用在运行时能在本地网络中访问。首先，修改webpackdev.conf.js文件中的消息显示，然后在config/index.js文件中将localhost更改为0.0.0.0，这样项目启动后就能在其他设备上通过网络访问了。

脚手架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地址就好了

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