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 (number) 要透過 localtunnel 暴露的本地埠號。
  • 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