저는 React 및 React Router를 사용하여 프로젝트를 설정했습니다. 전체 구조는 다음과 같습니다:
이것은 html 페이지입니다:
으아악이것이 React Router 구조입니다:
으아악앱의 React 측면이 잘 작동한다는 점에 유의해야 합니다. watch/:id의 URL 매개변수 가 문제 입니다. 제거하면 스타일이 사이트에 적용됩니다. 왜 작동하지 않는지 모르겠습니다.
직관적으로 이 스타일은 모든 HTML 페이지 콘텐츠에 적용될 것이라고 생각합니다. 마지막으로, React 컴포넌트에 삽입되는 항상 동일한 HTML이므로 스타일을 따라야 합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
React 애플리케이션은 기술적으로 단일 페이지 애플리케이션입니다. "중첩된 페이지"가 요청되면 서버가 루트 index.html 파일을 브라우저에 올바르게 제공하고 있는 것 같습니다... 하지만 페이지는 중첩된 경로 이름을 기준으로 스타일시트를 로드하려고 합니다.
"/watch/someId".절대 경로를 사용해 보세요.
으아악