通过 100 多个技巧学习 Nuxt!

nuxt-localtunnel
@nuxtus/nuxt-localtunnel

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

Nuxt Localtunnel

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

允许完全配置所有本地隧道配置选项,包括 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 来访问您的开发站点)。

配置

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

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

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

开发

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