win10开放端口、vue局域网访问

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

win10开放端口、vue局域网访问_第1张图片

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

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

2、点击系统安全

win10开放端口、vue局域网访问_第2张图片

3、点击windows defender 防火墙

win10开放端口、vue局域网访问_第3张图片

4、点击高级设置

win10开放端口、vue局域网访问_第4张图片

再按照一下步骤进行设置

win10开放端口、vue局域网访问_第5张图片

win10开放端口、vue局域网访问_第6张图片

win10开放端口、vue局域网访问_第7张图片

win10开放端口、vue局域网访问_第8张图片

win10开放端口、vue局域网访问_第9张图片

win10开放端口、vue局域网访问_第10张图片

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

win10开放端口、vue局域网访问_第11张图片

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

win10开放端口、vue局域网访问_第12张图片

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

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

 

你可能感兴趣的:(Vue,前端,端口,开放端口,vue,win10,win10开放端口)