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

@kgierke/nuxt-basic-auth

用於基本身分驗證的 Nuxt 模組

基本身分驗證

npm versionnpm downloadsLicenseNuxt

用於基本身分驗證的 Nuxt 3 模組。

功能特色

  • ✅ 簡單易用
  • ✅ 支援多個使用者
  • ✅ 允許清單路由

快速設定

使用一個指令將模組安裝到您的 Nuxt 應用程式

npx nuxi module add @kgierke/nuxt-basic-auth

nuxt.config.ts 中設定模組

export default defineNuxtConfig({
  modules: ["@kgierke/nuxt-basic-auth"],

  basicAuth: {
    enabled: true,
    users: [
      {
        username: "admin",
        password: "admin",
      },
    ],
    // Optional: Delimiter for users string
    // usersDelimiter: ",",
    // Optional: Whitelist routes
    // allowedRoutes: ["/api/.*"],
  },
});

就是這樣!您現在可以在您的 Nuxt 應用程式中使用基本身分驗證了 ✨

選項

選項類型預設值描述
enabledbooleantrue啟用或停用基本身分驗證。
usersarray[]使用者陣列。每個使用者都必須具有 usernamepassword 屬性。也可以格式化為字串 <username>:<password>,<username2>:<password2>
usersDelimiterstring,使用者字串的分隔符號。
allowedRoutesstring[][]不受基本身分驗證保護的路由陣列。支援 regex 模式。

所有選項也可以透過環境變數設定,使用 NUXT_BASIC_AUTH_ 前綴。例如,NUXT_BASIC_AUTH_ENABLED=true

開發

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release