透過 100 多個技巧的集合來學習 Nuxt!

nuxt-localtunnel
@nuxtus/nuxt-localtunnel

自動將您的 Nuxt localhost 公開給全世界。

Nuxt Localtunnel

一個 Nuxt 模組,用於自動執行 localtunnel,將您的 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 伺服器的憑證檢查(忽略憑證/金鑰/ca 選項)。

有關憑證選項的詳細資訊,請參閱 tls.createSecureContext

開發

  • 執行 npm run dev:prepare 以產生類型存根。
  • 使用 npm run dev 以開發模式啟動 playground