2023年11月27日发(作者：)

启动本地服务局域网不能访问的原因是什么

局域网可以实现文件管理、应用软件共享、打印机共享、扫描仪

共享、工作组内的日程安排、电子邮件和传真通信服务等功能。这篇

文章主要介绍了vue-cli启动本地服务，局域网下访问不到的原因分析,

在文中还给大家介绍了vue-cli起的webpack项目 用localhost可以

访问，但是切换到ip就不可以访问 的原因，本文给大家介绍的非常详

细，需要的朋友参考下

1.问题描述：

本地vue-cli启动了一个项目只能通过localhost:8080访问到，

同一局域网下其他的手机和电脑并不能通过ip地址访问调试，

2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认

生成的是本地调试模式，默认访问地址是localhost:端口号

3.改正的方式

找到config文件夹下的文件,修改host:“localhost”为

host:"0.0.0.0",此时同一局域网下的手机和其他电脑能通过ip查看到页

面

PS：下面看下vue-cli起的webpack项目 用localhost可以访问，

但是切换到ip就不可以访问

我用的是vux起的一个项目(移动端，基于vue的)，因为是移动端

的，需要在手机上测试，发现用localhost:8081/访问的挺好的，

但是换到ip就访问不了，期初我以为是代理的原因，将电脑的代理给

关掉了。还是不行，然后改为127.0.0.1访问，发现可以访问，用

0.0.0.0访问也可以，就是ip不行。然后就各种google，百度。别人

家的方法---都试了好多，发现没效(有点怀疑人生，怀疑是不是我电脑

的问题)，但是结果就在这，ip就是不可以访问

本着一个程序员的本能--不解决这个bug，誓不罢休的精神。我

开始看自己的build文件， config文件。最终找到了根源----在

config里面的里面的s下面的dev下面的

host:'localhost' 改为 host:'0.0.0.0',就可以访问啦然后开心愉快的开

始码代码!

补充：局域网、校园网安全维护方法

校园网络分为内网和外网，就是说他们可以上学校的内网也可以

同时上互联网，大学的学生平时要玩游戏购物，学校本身有自己的服

务器需要维护;

在大环境下，首先在校园网之间及其互联网接入处，需要设置防

火墙设备，防止外部攻击，并且要经常更新抵御外来攻击;

由于要保护校园网所有用户的安全，我们要安全加固，除了防火

墙还要增加如ips，ids等防病毒入侵检测设备对外部数据进行分析检

测，确保校园网的安全;

外面做好防护措施，内部同样要做好防护措施，因为有的学生电

脑可能带回家或者在外面感染，所以内部核心交换机上要设置vlan隔

离，旁挂安全设备对端口进行检测防护;

内网可能有ddos攻击或者arp病毒等传播，所以我们要对服务器

或者电脑安装杀毒软件，特别是学校服务器系统等，安全正版安全软

件，保护重要电脑的安全;

对服务器本身我们要安全server版系统，经常修复漏洞及更新安

全软件，普通电脑一般都是拨号上网，如果有异常上层设备监测一般

不影响其他电脑。做好安全防范措施，未雨绸缪。