通过ngrok隧道一个localhost子目录？答案

【问题标题】：Tunnel a localhost subdirectory through ngrok?通过ngrok隧道一个localhost子目录？
【发布时间】：2015-07-13 01:58:55
【问题描述】：

目标：想使用 ngrok 共享一个网站预览，它创建一个隧道，从中可以看到我的本地主机，其 url 类似于 mywebsite.ngrok.io

问题：我使用 WAMP，我的 localhost 文件夹看起来像这样：

localhostdirectory
   |-- website1
   |-- website2
   |-- etc

要访问我在浏览器中键入localhost/website1/ 的网站，我只想通过隧道传输该 URL，可能的解决方案是：

设置一个虚拟主机I would go through the hassle of manually setting up a virtual host，然后我得到类似website1.dev的东西，然后我会将它作为HTTP请求中的主机头传递给ngrok，like that：
```
ngrok http -host-header=website1.dev 80
```
虽然我不明白主机头是什么，为什么我不能传递像localhost/website1/这样的相对url，还有什么是重写选项？
把我本地主机的文件夹目录改成网站的文件夹，我不想那样做。

有没有更好的方法以更简单的方式实现我的目标，也许是通过 WAMP 别名？

【问题讨论】：

虚拟主机没有那么可怕看看这个如何设置。一旦你完成了第一个，接下来应该是 2 分钟的工作。 stackoverflow.com/questions/23665064/…
是的，您只需在 httpd-vhosts.conf 文件中添加一些文本，然后在 hosts 文件中添加一些文本，但这仍然很麻烦。

标签： http localhost wamp virtualhost ngrok

【解决方案1】：

如果你使用 Apache Vhost，你只需要执行命令

ngrok http -host-header=rewrite YOUR-LOCAL-DOMAIN:PORT

不要忘记编辑主机文件以解析@IP YOUR-LOCAL-DOMAIN

【讨论】：

这适用于我的子域。例如：sub.local.dev 谢谢！
如果这对您不起作用，请尝试：ngrok http -host-header=SUBDOMAIN.localhost PORT

【解决方案2】：

我尝试了以下方式。

当我运行 $ ./ngrok http 80 ngrok 时，请听 localhost:80 显示仪表板，因为 apache 服务器正在 port 80 上运行。然后我尝试在另一个端口中运行子文件夹，这解决了问题。假设您在 xyz 中有项目，并且希望 ngrok 指向它。然后进行以下操作

$ cd /opt/lampp/htdocs/xyz
$ php -S localhost:8080

这里的8080 是任何未使用的端口。 localhost:8080直接指向xyz然后打开其他终端

$ ./ngrok http 8080

通过这样做，ngrok 将在您的 xyz 正在运行时侦听 8080 端口。

希望这会有所帮助！

【讨论】：

我在 Wordpress 上试过这个，我可以用浏览器在 xxxxx.ngrok.io 打开一个页面，但在移动设备上它只显示没有图像和样式的文本
被低估的答案
如果您没有看到图片和 CSS 样式，您可能在控制台中有 https 错误，请尝试使用 http 链接。
帮我写了一个 SO 问题。我试图让 ngrok 指向我的本地主机上的一个子目录，并使用 -host-header 选项尝试了各种事情，最终让php -S localhost:8080（在子目录中）节省了一天，这样我就可以做ngrok http 8080 ?

【解决方案3】：

将 ngrok 地址设置为指向 localhost 的 80 端口后，您可以通过其名称访问您的网站。例如：

ngrok http -subdomain=dev 80

访问网站1：

dev.ngrok.io/website1

【讨论】：

这只能与 ngrok 的付费订阅结合使用。