ngrok 不会从外部加载 NodeJS 应用程序 (ERR_CONNECTION_TIMED_OUT)

Posted 2023-04-18

【中文标题】ngrok 不会从外部加载 NodeJS 应用程序 (ERR_CONNECTION_TIMED_OUT)

【英文标题】：ngrok does not load NodeJS app from outside (ERR_CONNECTION_TIMED_OUT)

【发布时间】：2020-08-12 07:28:34

【问题描述】：

ngrok 是一个程序，您可以使用它创建本地隧道，它会为您生成一个临时域，因此您可以将人们重定向到您的本地内容，还可以通过 localhost 使用 https。 https://ngrok.com/

localtunnel 只是另一种选择。

所以我已经设置了 ngrok 和 localtunnel，但在我的网络外部加载时都显示了一个只有 html 加载而不是 css 或 js 的白页（例如数据计划）

问题是没有任何错误，我唯一能看到的是使用热点时的 ERR_CONNECTION_TIMED_OUT。

在我自己的网络中一切正常。

我已经尝试关闭防火墙，但似乎没有什么区别，还尝试使用 chrome 远程调试器查看，但在我加载 url 时它只是断开连接。

问题是当我在 ngrok url 上转到 https:// 时，我得到了一堆混合内容错误，但当我转到 http 时却没有。对我来说，使用 https 链接时默认为 http 似乎不合逻辑……我所有的脚本/样式标签都是相对路径。

无论如何，到目前为止，这只是我能弄清楚的事情，关于可能导致这种情况的任何想法？

所以是的

ERR_CONNECTION_TIMED_OUT

或

Blocked loading mixed active content

或两者兼而有之？

【参考方案1】：

所以我现在通过更改基本 href 来让它工作。

<base href="http://yoururl.ngrok.io">

并且还将我的配置中的一些路径分别更改为 /app/ 或 ../，但其中大部分已经正确设置，我所做的只是在更改基本 url 后恢复它们。

据我所知，问题只有在通过数据计划而不是 wifi 连接到 url 时才真正开始出现。

css/js 中的一些随机图像路径不会加载，并且由于某种原因，它在 Firefox 和 Chrome 上的行为似乎也有所不同。

问题是我不能无限期地继续测试这个，因为数据显然会用完一段时间，而且我没有可靠的方法来调试移动设备上的控制台错误...

总而言之，它现在可以在“正常”连接（即 Wifi/Cable）上工作，但不能在数据上工作。