質問: createBrowserHistory({ basename: ROUTER_BASENAME }) ... return ( ... ... ) } ``` ### 発生している問題・エラーメッセージ 問題1 1さくらvpsの/var/www/htmlで以下コマンドを行い、mysiteディレクトリを作成した。 ``` git clone -b gh-pages https://github.com/username/mysite ``` ※buildフォルダのみを置くには一番楽かと思い、gh-pagesをcloneしていますが、まずここからおかしいでしょうか...。 2/etc/httpd/conf/httpd.confファイルにて、ドキュメントルートを/var/www/html/mysiteに変更した。(https://mysite.comでトップページにアクセスできるはず) 結果 Not Foundにはならないものの真っ白になり何も表示されない。画像のように複数のファイルが404になってしまっているようです。 ちなみに、/var/www/htmlでディレクトリを作成せずにcloneを行った場合(以下コマンド)も同じ結果になりました。htmlディレクトリ名をmysiteに変更しても同じでした。 ``` git clone -b gh-pages https://github.com/username/mysite . ``` ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/d91cd044a8ed2dddb10e631ff1a2ac87.png) 問題2 上記2を諦めた(https://mysite.com/mysiteでトップページにアクセスできるはず) 結果 https://mysite.com/mysiteにアクセスしたら、問題なくトップページが表示された。 しかし、で他のページに遷移した際、mysite.com/mysite/contact に遷移してほしいのに、 mysite.com/contact に遷移される。トップページに戻るとmysite.comに遷移される。 コンテンツは問題なく表示されるが、リロードしたら404エラーになる。 ※GitHub Pagesでも、 username.github.io/contact に遷移されます。 ``` お問い合わせ ``` ### 試したこと ・Router→BrowserRouter createHistory→createBrowserHistory に変更する ・BrowserRouterでbasenameを設定する ・ や を追加する ・package.jsonに "homepage": "./" や "homepage": "/mysite" を追加する ・react-router-domやnode_modulesを最新版にする ・.gitignoreから/buildの記述を削除する ・https://maku.blog/p/9u8it5f/ ここのサイトを参考にさせていただき、404.htmlなど作成したがうまくいかず ### 補足情報(FW/ツールのバージョンなど) package.jsonで関係ありそうな箇所になります。 ``` "version": "0.1.0", "react-router-dom": "^5.2.0", ``` 不足情報などありましたら教えてください。よろしくお願いいたします。
回答: 「質問への追記・修正の依頼」欄の方法で解決いたしました。 ありがとうございました。