もがき系プログラマの日常

もがき系エンジニアの勉強したこと、日常のこと、気になっている技術、備忘録などを紹介するブログです。

nuxt-basic-auth-moduleで簡単basic認証

はじめに

こんばんは。

めちゃめちゃ簡単にnuxtでbasic認証をかけられたので備忘録です。

本題

www.npmjs.com

ほぼほぼチュートリアル通りです。

僕が試した環境は nuxt2です。

install

$ yarn add nuxt-basic-auth-module

setting

設定もめちゃめちゃ簡単で、 nuxt.config.js の設定に以下を追加。

  // モジュール読み込み
  modules: [
    'nuxt-basic-auth-module'
  ],

  // basic認証の設定
  basic: {
    name: '******',
    pass: '******',
    enabled: process.env.environment === 'staging' // ステージングだけBASIC認証をかける
  },

たったこれだけで簡単にbasic認証をかけられる

終わりに

結構調べてたんですが、こんな簡単にかけられるのは嬉しいですね。

また他にもないか調べてみたいです。