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

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

作者: 零距离仰望星空 | 来源:发表于2018-02-01 20:59 被阅读1307次

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

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

    2.首先需要允许你的服务被外部访问 图片

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

    3.部署环境

    图片

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

    3.设置项目路径

    图片

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

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

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

    扫描下方二维码关注我

    零距离仰望星空
    在此感谢各位读者的来访,您的关注是我写作分享的最大动力。

    相关文章

      网友评论

          本文标题:WebStorm设置服务器-局域网内其他设备访问(移动端手机访问

          本文链接:https://www.haomeiwen.com/subject/jdjjzxtx.html