Basic認証下でのfaviconやPWAの挙動について

Basic認証下でfaviconやPWAがうまくいかないときは、以下の設定を見直す。

  • faviconやmanifest.webmanifestが格納されているディレクトリをBasic認証の対象外にする
  • manifest.webmanifestを指定しているlink要素にcrossorigin="use-credentials"を追加する
<link rel="manifest" href="/favicon/manifest.webmanifest" crossorigin="use-credentials">

Safariだとおそらく下の設定ではだめなので、該当ディレクトリをBasic認証から除外する必要がありそう。

Safari好きなんだけど、妙なところで強固だなとおもう…。