WebStorm设置手机测试服务器-局域网内其他设备访问

时间:2020-12-02 08:24:03

前端开发中,经常需要将做好的页面给其他同事预览或手机测试,之前一直用的第三方本地服务器usbwebserver,偶然了解到WebStorm内置服务器也可以满足此需求,来看看如何设置吧~~

1、端口更改和允许外部:更改端口号“63342”为“8080”,并“√”可以接受外部链接,如下

WebStorm设置手机测试服务器-局域网内其他设备访问

2、在部署中增加一条规则

WebStorm设置手机测试服务器-局域网内其他设备访问

3、设置规则名称和方式

WebStorm设置手机测试服务器-局域网内其他设备访问

4、设置文件地址(前端页面本地文件夹路径)和访问路径(本机IP和8080端口):

WebStorm设置手机测试服务器-局域网内其他设备访问

5、第二个选项卡中的地址与前面保持一致(前端页面本地文件夹路径)

WebStorm设置手机测试服务器-局域网内其他设备访问

OK,设置完成,现在用webstorm直接页面预览,可以看到页面地址

已经由原先的:http://localhost:63342/****.html

更改为现在的:http://192.168.1.148:8080/****.html

直接复制这个路径给你的小伙伴吧,只要他们的设备和你的电脑保持在同局域网,即可打开预览了

另文件路径与文件名称尽量使用字母和数字命名,防止中文路径被转码或设备不识别哦