V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zoeliu
V2EX  ›  问与答

请教 同一网络环境,通过 ip:port 的方式访问本地部署的网站

  •  
  •   zoeliu · 2021-02-06 23:52:35 +08:00 · 1728 次点击
    这是一个创建于 1410 天前的主题,其中的信息可能已经有所发展或是发生改变。

    菜鸡小前端,调试本机的网站效果。通过 localhost:8000 在本机启动的服务,操作系统 win10

    需求: 在家里同一 wifi 用手机 /平板看看效果,通过 ip:port 的方式访问。

    在本机通过 localhost:8000/127.0.0.1:8000 可以访问。但无法通过 ip 访问。

    已经做过的尝试: 1.关闭防火墙,防火墙高级设置入站规则添加 tcp 8000 端口。

    2.开启 IIS 功能。

    3.开始 ping 192.168.1.xx ping 不通,经前两步设置已经可以 ping 通。但在本机访问 ip:8000 仍然错误,无法访问。

    通过 netstat -nao | findstr 8000命令发现还是只有 127.0.0.1 这一个 ip 在这个端口。

    重启电脑重启浏览器等操作都未解决问题。

    各位走过路过的大佬帮帮小妹吧! QAQ

    10 条回复    2021-02-07 10:23:26 +08:00
    Ayahuasec
        1
    Ayahuasec  
       2021-02-06 23:55:08 +08:00   ❤️ 2
    应该是服务端 bind 了 127.0.0.1,你找找你的服务端软件的配置文件,把绑定地址改成 0.0.0.0 再重启服务端看下
    zoeliu
        2
    zoeliu  
    OP
       2021-02-07 00:20:18 +08:00
    @Ayahuasec 感谢大佬。是 Gatsby 做的静态网站,纯前端没有后端,不知道在哪里配置。

    更新:试了其他前后端都有项目,可以通过 ip:port 的方式访问。= =
    Claar
        3
    Claar  
       2021-02-07 00:44:09 +08:00 via iPhone
    @zoeliu grep 整个文件夹搜索一下关键字?
    yeqizhang
        4
    yeqizhang  
       2021-02-07 00:47:02 +08:00 via Android
    实在不行搞个反代或者端口映射吧……
    Kr98
        5
    Kr98  
       2021-02-07 01:55:39 +08:00   ❤️ 1
    npm 或者 gatsby 就是“后端”

    https://github.com/gatsbyjs/gatsby/issues/5801
    JmmBite
        6
    JmmBite  
       2021-02-07 06:45:06 +08:00
    192.168.1.A 访问 127.0.0.1 来自( 192.168.1.B )?
    跨网段如何访问?
    OliverDD
        7
    OliverDD  
       2021-02-07 08:10:18 +08:00
    localhost 一般会在 hosts 中配置为 127.0.0.1,这是本地回环网络的 ip,是虚拟的网卡,外部不可见。应该绑定你使用中的网卡的 ip,家用的一般是 192.168.1.x 。或者使用 0.0.0.0,这会绑定所有网卡的那个端口。
    icegaze
        8
    icegaze  
       2021-02-07 08:41:28 +08:00 via Android   ❤️ 1
    你的 web 服务器绑定在 127.0.0.1 这个 ip 监听了,
    需要修改设置,让它监听本机的若干 ip,
    例如 127.0.0.1 和 192.168.1.x,
    如果有其他网卡,或者网卡上有多个 ip 地址,
    也可以都加上,根据你自己的需要而定。
    shniubobo
        9
    shniubobo  
       2021-02-07 09:33:00 +08:00 via Android
    看楼上应该已经解答了楼主的问题,我再提一句,其实 chrome 的开发者工具可以调设备大小( firefox 没用过不清楚),比真机测试方便很多。
    zoeliu
        10
    zoeliu  
    OP
       2021-02-07 10:23:26 +08:00
    @Kr98 感谢大佬,是这个 issue 的问题,开始没有测其他的项目,以为是电脑的问题,原来是 gatsby 的问题,已通过`gatsby develop -H 0.0.0.0`解决。

    @shniubobo 我了解 chrome 的响应式调试,但是与真机还是有一定区别,谢谢你。

    感谢楼上所有大佬的帮助,铜币有限就不一一回复了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4970 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 03:52 · PVG 11:52 · LAX 19:52 · JFK 22:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.