通过 100+ 技巧合集学习 Nuxt!

nuxt-localtunnel
@nuxtus/nuxt-localtunnel

自动将您的 Nuxt localhost 暴露给外部世界。

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