如何使用ngrok、pagekite将本地自定义域名站点映射到公网访问？

前置环境说明 #

在Windows 11的WSL2环境中，通过CyberPanel搭建了运行OpenLiteSpeed的虚拟主机服务器用于网页开发。使用自定义本地域名（如testsite1.priv）访问多个站点，而非localhost/testsite1或127.0.0.1/testsite1的形式，本地域名映射已分别在两个位置完成配置：

• WSL2 Ubuntu的/etc/hosts文件
• Windows的c:\windows\system32\drivers\etc\hosts文件

配置内容如下：

127.0.0.1 testsite1.priv
127.0.0.1 testsite2.priv

OpenLiteSpeed服务监听80端口，在Windows端Chrome浏览器输入testsite1.priv即可正常访问本地站点。

问题描述 #

尝试通过ngrok或pagekite将本地站点暴露到公网可访问时，最初执行了以下命令：

ngrok http http://testsite1.priv:80
# 或
ngrok http http://testsite1.priv
# 或
ngrok http testsite1.priv

访问ngrok生成的公网链接时，页面返回OpenLiteSpeed服务的页脚，但内容显示404 Not Found，提示请求的资源在服务器上不存在。

注：对主机托管和隧道工具比较陌生，正在寻找最便捷的开发流程，也不局限于ngrok和pagekite，仅因此二者是当前较为流行的同类工具。

可用解决方案 #

ngrok配置命令 #

添加host-header重写参数即可正常访问，命令如下：

ngrok http -host-header=rewrite testsite1.priv:80

PageKite配置命令 #

添加rewritehost参数即可正常访问，命令中xxxxxx需要替换为你在PageKite申请的免费子域名：

pagekite.py 80 xxxxxx.pagekite.me +rewritehost=testsite1.priv

内容的提问来源于stack exchange，提问作者IDontKnow