首先你要有网络通信有一定的认识,编者也不是精通,所以可以搜一下原理。我这里只说明我是怎么实现的。
首先服务器,客户端都在内网的情况下,那么就只能实现局域网下的通信。
所以我们要采用内网穿透把服务器和客户端的ip地址映射到外网,用域名访问。
客户端即vue页面,运行项目会的得到如下地址
即本地的ip地址和访问端口号。
接下来就开始内网穿透。我用的是网云穿可以免费申请一个隧道的,
然后按下图配置,开启之后就可以用所给域名进行外网访问前端页面了。
接下来是服务器的内网穿透,因为网云穿只能免费用一个隧道,所以就花了6块钱买了花生壳的http映射服务,按照下图配置ip地址即本机的ip,端口就是服务器的端口。
然后就到了代码配置了,在socket客户端代码下,设置connect连接服务器的地址就是映射之后的域名。这样服务器就被映射的外网了,局域网下任何设备都可以访问,进行双向通信



