怎么用手机访问电脑开启的本地服务

用react写了一个cnode的demo,在chorme上模拟手机效果的时候是可以的,但是当在真机上访问时,监听的scroll事件失效了,然后就想用真机调试本地代码,不知有什么方法可以用手机访问本地服务

cnode demo地址

用手机扫二维码可以直接访问

clipboard.png

就是想完成上啦刷新的操作,在chorme中的模拟器中没有问题,在真机中就不行了

阅读 9.5k
7 个回答

在同一局域网段下,我在webpack.config.js里加了这个,就可以通过IP (192.168.X.X:8080) 访问了。

devServer: {
        host: '0.0.0.0',
        port: 8080
    }
如果不行,再加上disableHostCheck:true
 devServer: {
    contentBase: '.',
    host: '0.0.0.0',
    port: 3000,
    disableHostCheck: true
  },

参考地址

电脑和手机同一个局域网,npm全局安装weinre,进行远程调试,如果已经是同一个网络,但是手机依然无法访问,可能是防火墙问题,需要将你的端口添加到入站规则

手机电脑在放同一个局域网,然后在手机上输入电脑的局域网地址......

用weinre进行移动端调试 谷歌手机模拟器还是有点偏差的

首先手机电脑连接一个局域网络,找到本机的ip地址 然后在手机上输入久可以了,例如192.168.22.7:端口号就可以了,win获取ip可以在命令行输入ipconfig mac ifconfig

本地启动服务 然后手机跟电脑在同一网段 然后查看自己及其的ip 通过ip加相应的目录地址或路由地址即可

这相当于从外网访问本地服务,需要借助一些内网穿透软件,比如开源的holer配置一个key就实现从外网访问了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题