解决publish localhost with ngrok时的问题

Question

我将使用 ngrok 启动我的本地 Vue 应用程序。
我使用了这个命令。

ngrok http 8080

网上说。

但是当我访问这个网站时，它显示错误。

这是 ngrok 的输出。

我认为是 HTTPS 的问题。我的本地版本是 HTTPS。这是屏幕截图。
我该如何解决这个问题？

Answer 1

试试没有 http 的 ngrok 并使用node js代码标记-8080端口为你的服务器地址

    const ngrok = require('ngrok');

   (async function() {
   const url = await ngrok.connect(8080);
   })();

当你运行这将创建一个 url 使用那个 url 来访问你的服务器

Answer 2

ngrok 假定它要转发到的服务器正在侦听未加密的 HTTP 流量，但如果您的服务器正在侦听加密的 HTTPS 流量，您可以指定一个 URL 和一个 https:// 方案来请求ngrok 将 HTTPS 发送到您的本地服务器。

通过指定 https:// 方案转发到 https 服务器

ngrok http https://localhost:8080

作为一种特殊情况，ngrok 假设如果您转发到任何主机上的端口 443，它应该发送 HTTPS 流量，并且会像您指定了 https:// URL.

转发到本地主机上的默认 https 端口

ngrok http 443

ngrok 假定您的本地网络是私有的，它不会对您的本地服务器提供的 TLS 证书进行任何验证。

如果需要，在本地明确指向 https。

ngrok http https://localhost:8080 -host-header="localhost:8080"

Answer 3

主要问题是您在 localhost.
上没有有效的 ssl 证书您需要公开正常的 http 而不是 https。我认为它会起作用，例如：

ngrok http http://localhost:8080

并且在vue服务器中尽量避免ssl或https加密。

Solve the problem during publish localhost with ngrok