为什么我无法在手机上访问我本地的 Gatsby 站点

Question

我是 Gatsby 的新手，今天我将开始我的第一个项目。我希望能够在我的 android 手机上测试该网站以确保移动兼容性，而不是使用 chrome dev-tools。

到目前为止，我只运行了几个命令。

1) Gatsby new site-name

2) cd site-name

3) gatsby develop --host 0.0.0.0 -p 8080

一切都正确编译，我可以通过主机笔记本电脑上的 localhost:8080 或 192.168.1.81:8080 访问默认的 Gatsby 页面，但是当我尝试从我的 android 手机访问时，它说服务器无法访问。我在我的笔记本电脑上运行 Windows 10，到目前为止我已经检查了防火墙，我也尝试了几个不同的端口。如果有人处理过这个问题并且可以帮助我，那将不胜感激！

Answer 1

我不知道他们为什么默认阻止访问：/但是您可以通过添加-H 0.0.0.0到 develop 命令来访问它。例如将您的 package.json 更改为：

"develop": "gatsby develop -H 0.0.0.0",

Answer 2

您可以使用此命令修复此问题

gatsby develop -H 0.0.0.0

更多信息：从这里

之后您可以使用您的电脑IP地址和端口号在您的手机上调试gatsby网站

例子 ：

192.168.1.4:8000