WebStorm设置服务器-局域网内其他设备访问(移动端手机访问)

最近本人使用WebStorm开发web移动端应用时候,准备用手机体验页面效果,无奈只能将页面打包布置到服务器,然后访问网络服务器,这种体验相当的繁琐。
下面我就来介绍一种简单方便的方法:(mac版示例)

1.让手机和电脑处于同一局域网下(我是通过电脑连接手机分享的热点)。

WebStorm设置服务器-局域网内其他设备访问(移动端手机访问)_第1张图片

2.首先需要允许你的服务被外部访问
WebStorm设置服务器-局域网内其他设备访问(移动端手机访问)_第2张图片
图片

File->settings->Debugger->port:8081->勾选 can accept external connections –>apply.

3.部署环境

WebStorm设置服务器-局域网内其他设备访问(移动端手机访问)_第3张图片
图片

将Web server root URL: 设置为连接热点或局域网的IP,
Deployment->选中”+” → 设置Name,Type 后,点击OK。

3.设置项目路径

WebStorm设置服务器-局域网内其他设备访问(移动端手机访问)_第4张图片
图片

设置完成后,点击Apply→OK,完成设置。

现在使用webstrom打开项目页面,可以看到页面的ip就是局域网的ip,此时所有人在局限网里的人都可以访问你的网页。

如果你的浏览器带有生成二维码插件,可以直接把url链接生成二维码,移动端手机直接扫描即可。

扫描下方二维码关注我

WebStorm设置服务器-局域网内其他设备访问(移动端手机访问)_第5张图片
零距离仰望星空
在此感谢各位读者的来访,您的关注是我写作分享的最大动力。

你可能感兴趣的:(WebStorm设置服务器-局域网内其他设备访问(移动端手机访问))