reactルーティングによるページスタイルのリフレッシュの問題

746 ワード

以下にスタイルを導入するコードを示します.

ルーティングの使用
other



原因分析
マルチレベルルーティングのようなルーティング'/one/other'を使用すると、スタイルを要求するときに前のパスoneもリクエストアドレスに追加されますが、ファイルが見つかりません.reactはデフォルトでindex.htmlを返します.表示される効果はスタイルが失われています
ソリューション1
hrefの一番前の点を外して、以下のようにします.

ソリューション2
絶対パスを使用して%PUBLIC_を追加URL% 

ソリューション3
BrowserRouterをHashRouterに変更します.これにより、リソースが要求されると、#の後ろのパスは表示されなくなります.