特定のサブディレクトリに別のBasic認証をかけたい

Question

前提・実現したいこと

お世話になっております。

サイト全体にBasic認証をかけており、特定のサブディレクトリには別のBasic認証をかけたいのですが、2重でBasic認証がかかってしまい上手くいかず手詰まり状態となっております。
是非ともご教示いただければ幸いです。

例） ディレクトリ構造

public/
　├ .htaccess（全体Basic認証）
　├ .htpassword（全体Basic認証）
　├ index.html
　│
　├ css
　│　└ style.css
　├ js
　│　└ script.js
　├ img
　│　└ 各ディレクトリの画像
　│
　├ fuga
　│　├ .htaccess（fuga用Basic認証）
　│　├ .htpassword（fuga用Basic認証）
　│　└ index.html
　│
　├ hogehoge
　│

https://example.com/ 全体Basic認証
https://example.com/hoge/ 全体Basic認証
https://example.com/fuga/ 別のBasic認証（このディレクトリのみ全体とは別でBasic認証をかけたい）
https://example.com/hogehoge/ 全体Basic認証

発生している問題・エラーメッセージ

PCのChromeでは問題なくいけていましたが、
iPhoneのSafariで確認するとfugaディレクトリにアクセスすると、2回ユーザー名とパスワードを入力になってしまいます。

動作例）
①https://example.com/にアクセス → 全体Basic認証で設定したユーザー名・パスワードを入力
②https://example.com/fuga/にアクセス → fugaディレクトリ用のユーザー名・パスワードを入力
③②を入力した後、再度ログインのポップアップが出てきて、全体Basic認証のユーザー名・パスワードを入力するとアクセスできるようになる

該当のソースコード

全体のBasic認証

<If "%{HTTP_HOST} != 'example.com'">
  AuthUserFile /home/app/public/.htpasswd
  AuthType Basic
  AuthName "Restricted Access"
  Require valid-user
</If>

fugaのBasic認証

<If true>
  AuthUserFile /home/app/hoge/fuga/.htpasswd
  AuthType Basic
  AuthName "Please enter your ID and password"
  Require valid-user
</If>

試したこと

以下の参考サイトを拝見して実装をしてみましたが、発生している問題・エラーメッセージで記載した動作例のような挙動が起こっています。

参考サイト
https://kayakuguri.github.io/blog/2016/09/13/htpasswd-subdir/

他にもサイトを拝見しつつ、全体のBasic認証の設定と一緒にfugaディレクトリを除外し、fugaディレクトリにfuga用のBasic認証かけるようにしてみましたが、この方法も何故か同じ挙動が起きました。

全体のBasic認証

AuthType Basic
AuthName "Restricted Access"
AuthUserFile /home/app/public/.htpasswd
SetEnvIf Request_URI "^/fuga/*" valid-url
<RequireAny>
  Require valid-user
  Require env valid-ip
  Require env valid-url
</RequireAny>

fugaのBasic認証

AuthUserFile /home/app/hoge/fuga/.htpasswd
AuthType Basic
AuthName "Please enter your ID and password"
Require valid-user

補足情報（FW/ツールのバージョンなど）

Webサーバ：Apache2.4.46

Comments

[CHERRY]

fuga ディレクトリで、表示するコンテンツは、CSS や JavaScript や 画像等の他のディレクトリに存在するファイルを参照していたりしないでしょうか？

外部CSS等を利用していないhtml だけで完結するファイルにアクセスしても同じですか？

[退会済みユーザー]

仰るとおり、fugaディレクトリのindex.htmlはルート直下にあるcss・jsフォルダからファイルを参照しています。（質問内容のディレクトリ構造に追記致しました）

fugaディレクトリのindex.htmlにcssやjsファイルを参照しないようにしてみたところ、<If>ディレクティブの方法は確認できていないのですが、もう一つのfugaディレクトリは除外する方法だと1回のみBasic認証のポップアップが出るようになりました。

これはルート直下にあるcss・jsフォルダからファイルを参照していたから、2重でBasic認証がかかっているという事でしょうか？

[CHERRY]

はい。
ファイルにアクセスするたびに チェックが入りますので、

/fuga/index.html で、②の basic 認証が表示されてますが、

/fuga/index.html に記載されている /css/style.css や /js/script.js にアクセスする際に ②の認証情報とは異なるため、再度 ③ の basic 認証が表示されていると思われます。

Answer 1

Ifの条件を増やします。REQUEST_URIが/fuga/で始まらない。

<If "%{HTTP_HOST} != 'example.com' && %{REQUEST_URI} !~ m#^/fuga/#" >
  全体の認証設定
</If>

どうも、正規表現を/で囲むと中にはエスケープしても/は書けないようです。構文エラーになる。

Expressions in Apache HTTP Server - Apache HTTP Server Version 2.4
によると、mを使うと別の記号を使えるようですのでそれで書きます。勉強になりました。

Comments

[otn]

質問への追記・修正欄を見てませんでした。
両方効いているんじゃなかったということですね。
手元の環境でやってみると、下位ディレクトリの認証のみ聞かれました。
条件追加は不要だったようです。