在vue项目中,启动之后,可以看到两个访问网址,一个本地访问地址(Local),一般为http://localhost:8080/   还有一个是局域网访问网址(Network),一般是http://你本机的ip:端口/,   当你的vue项目运行起来之后,与你同在一个局域网内的其他人可以通过这个ip地址访问你的项目,公司现在流行前后端分离开发项目,有了这个局域网访问网址,很大程度的方便了前后端联调时的沟通。

但是,很多人在把这个地址发给同事之后,让其访问,会出现无法访问的情况,那是因为你的电脑的端口没有开放,下面演示一下,win10系统下如何开放本地端口

1、电脑左下角打开 开始菜单->控制面板  点击控制面板

2、点击系统安全

3、点击windows defender 防火墙

4、点击高级设置

再按照一下步骤进行设置

点击完成之后,80端口入站规则就弄好了

既然有入站也要有出站,出站规则和入站规则设置步骤基本一致,这里不再赘述

当你需要的端口,入站规则和出站规则都弄好了,你的这个端口就开放了,与你处于同一局域网的人就可以通过 http://你本机的ip:端口/,访问你正在运行的项目。

以上内容,是本人实践之后的总结,可能会有其他情况,如有不恰当之处,欢迎指正!

 

Logo

前往低代码交流专区

更多推荐