web-dev-qa-db-ja.com

アプリレベルでreact-routerのベースURLを設定するにはどうすればよいですか?

ウェブサイトのサブディレクトリにインストールしたいcreate-react-appで作成したアプリがあります。推奨される方法は、baseURLとしてprocess.env.PUBLIC_URLを追加することです。すなわち:

<Route exact path={`${process.env.PUBLIC_URL}/signin`} component={SigninPage}/>

アプリレベルで設定できる方法があるので、すべてのルート、リンク、またはNavLinksでこのコードを複製する必要はありませんか?

ありがとう!

6
Fabrice

basenameRouterとして設定できます。ここに反応ルーターのドキュメントへのリンクがあります: basename in BrowserRouter and basename in HashRouter 。次のようになります。

<Router basename={process.env.PUBLIC_URL}>
</Router>
12
margaretkru