reactルーティングによるページスタイルのリフレッシュの問題
以下にスタイルを導入するコードを示します.
ルーティングの使用
原因分析
マルチレベルルーティングのようなルーティング'/one/other'を使用すると、スタイルを要求するときに前のパスoneもリクエストアドレスに追加されますが、ファイルが見つかりません.reactはデフォルトでindex.htmlを返します.表示される効果はスタイルが失われています
ソリューション1
hrefの一番前の点を外して、以下のようにします.
ソリューション2
絶対パスを使用して%PUBLIC_を追加URL%
ソリューション3
BrowserRouterをHashRouterに変更します.これにより、リソースが要求されると、#の後ろのパスは表示されなくなります.
ルーティングの使用
other
原因分析
マルチレベルルーティングのようなルーティング'/one/other'を使用すると、スタイルを要求するときに前のパスoneもリクエストアドレスに追加されますが、ファイルが見つかりません.reactはデフォルトでindex.htmlを返します.表示される効果はスタイルが失われています
ソリューション1
hrefの一番前の点を外して、以下のようにします.
ソリューション2
絶対パスを使用して%PUBLIC_を追加URL%
ソリューション3
BrowserRouterをHashRouterに変更します.これにより、リソースが要求されると、#の後ろのパスは表示されなくなります.