Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

nuxt-localtunnel
@nuxtus/nuxt-localtunnel

自动将您的 Nuxt 本地主机公开到全世界。

Nuxt Localtunnel

一个 Nuxt 模块,用于自动运行 localtunnnel,将您的 Nuxt 开发实例公开到外部世界。

允许完全配置所有 localtunnel 配置选项,包括 https

安装

npm install @nuxtus/nuxt-localtunnel

编辑您的 nuxt.config.ts 并添加 @nuxtus/nuxt-localtunnel 模块

modules: [
  '@nuxtus/nuxt-localtunnel'
],
localtunnel: {} // Localtunnel config options go here (see below)

然后像往常一样启动 Nuxt npm run dev,您将获得一个额外的(外部 URL 用于访问您的开发站点)。

配置

所有 localtunnel 配置选项都通过 nuxt.config.ts 文件的 localtunnel 属性接受。

  • port (数字) 通过 localtunnel 公开的本地端口号。
  • subdomain (字符串) 在代理服务器上请求特定的子域名。**注意** 具体取决于可用性,您可能无法实际获得此名称。
  • host (字符串) 上游代理服务器的 URL。默认为 https://localtunnel.me
  • local_host (字符串) 代理到此主机名而不是 localhost。这还会导致 Host 标头在代理请求中重写为此值。
  • local_https (布尔值) 启用到本地 HTTPS 服务器的隧道。
  • local_cert (字符串) 本地 HTTPS 服务器证书 PEM 文件的路径。
  • local_key (字符串) 本地 HTTPS 服务器证书密钥文件的路径。
  • local_ca (字符串) 自签名证书的证书颁发机构文件的路径。
  • allow_invalid_cert (布尔值) 禁用本地 HTTPS 服务器的证书检查(忽略 cert/key/ca 选项)。

有关证书选项的详细信息,请参阅 tls.createSecureContext

开发

  • 运行 npm run dev:prepare 以生成类型存根。
  • 使用 npm run dev 以开发模式启动 playground