Skip to main content

DocusaurusをAzure Static Web Appsでホストする際の404ページ

Docusaurusに限った話かもしれないが、Azure Static Web Appsを利用し、404になった際、Azure側が用意したページ(下図)へ遷移してしまいます。 img alt

統一感もないですし、自前の404ページへ遷移してほしい。
ということで、いろいろ試して、ちゃんと自前の404ページに遷移できるようになったので、手順を備忘録的に残しておこうと思います。

結論

Microsoftのページによると構成ファイルを編集してあげることで可能となる。

結論を言えば、staticwebapp.config.jsonというファイル名をpackage.jsonと同階層におけば反映されるようです。
で、今回の404ページに関しては以下の記述だけでよいとわかった。

staticwebapp.config.json
{
"responseOverrides": {
"404": {
"rewrite": "/"
}
}
}
warning

なんでrewrite"/"の値にすることで動作するのかよくわかってない。。。
この挙動に関してわかる方がいたら是非ともXからDM等々で教えてくださいorz

愚痴

MSあるあるだけど、もうちょっとわかりやすく書いてほしい。肝心の構成ファイルに関してファイル名は?とか、中身は?とか、色々とわかりにく・・・(;´Д`)