普段SPAを実装している自分ですが、ビルド後の成果物がindex.htmlのみなのにURLはなぜ下層ページのものを表示できるのかと疑問に思いました。
調べていると、サーバー側でリライトしているというとこなのですがリダイレクトとの区別が分からなかったのでブログへまとめていきます!
1, ユーザーがブラウザで[www.hogehoge.com]へアクセスする
2, WEBサーバーがアクセスを受け取り、設定通りに[www.fugafuga.com]へアクセスするように応答する
3, ブラウザはサーバーの応答を受け取って[www.fugafuga.com]へアクセスする。
4, アクセスを確認したWEBサーバーは[www.fugafuga.com]のWebページを応答します。
5, ブラウザの表示内容は[www.fugafuga.com]で、アドレスバーの中には[www.fugafuga.com]が表示されています。
1, ユーザーがブラウザで[www.hogehoge.com]へアクセスする
2, WEBサーバーがアクセスを受け取り、設定通りに[www.fugafuga.com]の内容をWebページへ渡します。
3, ブラウザの表示内容は[www.fugafuga.com]で、アドレスバーの中には[www.hogehoge.com]が表示されています。
実際調べてみると、完全に別物ということがわかりました。
エンジニア同士でも誤解を産むようなやりとりをしないためにもサーバー側でどのようなことが行われているかというのはフロントエンド の実装者でも理解するべきだと感じます!