本番環境でリロードすると mie998.github.io にリダイレクトされてしまって困る。

mie998 / portfolio

https://mie998.github.io/portfolio/

0 stars 0 forks source link

本番環境でリロードすると mie998.github.io にリダイレクトされてしまって困る。 #28

Closed mie998 closed 3 years ago

mie998 commented 3 years ago

かなり深刻なバグ

mie998 commented 3 years ago

https://mie998.github.io/portfolio/ に飛ぶと勝手に https://mie998.github.io にリダイレクトされる
https://mie998.github.io に直接アクセスしても表示されない
その後、https://mie998.github.io/posts/ などでrouterを用いてアクセスができるが、直接urlを入れるとアクセスできない

mie998 commented 3 years ago

201853d47e801ea90666941c0993b8b060327508 にてルートurlを /portfolio に調整してみた。その結果は以下。

Home にてリロードしても大丈夫。https://mie998.github.io/portfolio/ がしっかりと表示される.
Link を用いた遷移も大丈夫。
https://mie998.github.io/portfolio/posts/ などに行ってリロードすると表示がされなくなる. react router v6 が相対パス指定ができることに依存するバグなのかもしれない。

これらは全てローカルでは発生しない。

mie998 commented 3 years ago

https://stackoverflow.com/questions/46056414/getting-404-for-links-with-create-react-app-deployed-to-github-pages これをみる限りサーバーサイドで優先してurlの処理が行われているのが原因。

By just using HashRouter instead of BrowserRouter my problem solved and now every URL are accessible from outside で本当にどうにかなったけど,urlが汚いから微妙。より良い解決策を模索中。。。

https://github.com/rafgraph/spa-github-pages 上のやつを導入できるといいと思う。読んでみる。

https://github.com/ReactTraining/react-router/issues/7128 ↑ alternative for BrowserRouter.basename

mie998 commented 3 years ago

ac9e3d5b87681c74bc27dc47a38c6e54e74d2038 にて修正完了。素晴らしいスクリプトに感謝しよう。