私は React と React Router を使用してプロジェクトをセットアップしました。全体的な構造は次のとおりです。
これは html ページです :
リーリーこれは React Router の構造です :
リーリーアプリケーションの React 側は正常に動作することに注意してください。 watch/:id の URL パラメータ は problem です。これを削除すると、スタイルがサイトに適用されます。なぜうまくいかないのかわかりません。
直感的には、このスタイルはすべての HTML ページ コンテンツに適用されると思います。最後に、React コンポーネントに挿入されるのは常に同じ HTML であるため、スタイルに従う必要があります。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
React アプリケーションは、技術的にはシングルページ アプリケーションです。 「ネストされたページ」がリクエストされたとき、サーバーはルートのindex.htmlファイルをブラウザに正しく提供しているのではないかと思います...しかし、ページはスタイルシートをロードしようとしていますネストされたパス名に対する相対パス名、つまり
"/watch/someId"から。絶対パスを使用してみてください。
リーリー