매개 변수를 사용하여 라우터 반응 - CSS 스타일링 BREAKS? - 상태 304 수정 안 됨?

매개 변수를 사용하여 라우터 반응 - CSS 스타일링 BREAKS? - 상태 304 수정 안 됨?

제발 도와주세요.나는 모든 것이 잘 작동하고, 등록 페이지가 잘 작동하며, 로그인 페이지도 잘 작동한다.그러나 예를 들어 url route /user/3로 가면 react/remensx 앱의 공용 디렉터리에 있는 사용자 지정 CSS 스타일링 페이지가 깨진다.내 스타일시트는 더 이상 읽히지 않는다.부트스트랩 스타일만.

크롬 개발 도구의 네트워크 탭을 보면 내 다른 경로 스타일시트가 상태 200으로 전송되지만, 슬래시로 경로에 액세스하려고 하면(예: /user/4), 스타일시트가 304 Not Modified...로 전송된다.

ReactDOM.render(
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={App}></IndexRoute>
      <Route path="/user/:user" component={UserDashboard}></Route>
      <Route path="/signup" component={Signup} />
      <Route path="/signin" component={Signin} />
    </Route>
  </Router>
  ,
  document.getElementById('root')
);

나도 같은 문제가 있어서 css 파일로 링크를 바꿔서 해결한다.

다음과 같은 내용이었다.

<link rel="stylesheet" href="./css/materialize.min.css">

해결책은 다음과 같다: (첫 번째 점을 제거하고 모든 런이 정상임)

<link rel="stylesheet" href="/css/materialize.min.css">

네 문제는 다른 문제였겠지...하지만 난 너와 같은 문제를 가지고 있어

304는 브라우저 캐시 때문이다.브라우저의 설정을 통해 캐시를 지울 수도 있고, +/+(F5MacOS)를 사용하여 강제로 새로 고침을 할 수도 있다.그럼 다시 해봐.

/로 URL을 시작하는 것이 가장 좋으므로 부모나 자식 대신 원하는 URL을 반환하십시오.

검색 중인 URL이 http://localhost:3000/user/johnny인 경우 href에 슬래시가 있는지 여부에 따라 다음 링크가 제공될 수 있다.

href="/css/bootstrap.min.css"가 http:///localhost:3000/css/bootstrap.min.css가 됨

href=."/css/bootstrap.min.css"가 http:///localhost:3000/user/user/css/css/bootstrap.min.css가 됨

참조URL: https://stackoverflow.com/questions/40274234/react-router-css-styling-breaks-using-params-status-304-not-modified