캐시 된 파일 대신 업데이트 된 파일이 제공되는지 확인하려면 어떻게해야합니까?

Question

내 CSS 파일을 캐시하고 유효 기간을 지금부터 한 달로 설정했다고 가정 해 보겠습니다. 업데이트가 있고 CSS 파일을 수정한다고 가정합니다. 내 웹 사이트 방문자가 이전 웹 사이트 대신 업데이트 된 CSS를 사용하도록하려면 어떻게해야합니까?

감사합니다.

Answer 1

당신은 상관없이 사용자의 브라우저 확인 할 이름을 변경할 수 있습니다, 그들은 새 파일을 얻을 것입니다. 모든 장소에서 CSS 파일을 참조하고 대신 파일 이름을 포함하는 변수를 참조하십시오. 새 버전을 출시 할 때 모든 페이지가 새 스타일 시트를 볼 수 있도록 변수를 업데이트하십시오.

Answer 2

예를 들어 URL에 검색어 문자열을 추가 할 수 있습니다.

<link rel="stylesheet" type="text/css" href="theme.css?v1" /> 

Answer 3

URL을 변경하십시오. 그러면 브라우저가 파일을 다시 다운로드해야합니다. 가장 쉬운 방법은 증가하는 파일 이름에 숫자를 넣는 것입니다. 매번 파일 이름을 바꿀 필요가 없도록 일부 다시 쓰기 규칙으로 웹 서버를 구성하십시오.

이는 Nginx에 서버 erefredag.se에서 내 재 작성 규칙입니다 :

rewrite ^/style\..*\.css$ /style.css; 

그리고이처럼 내 <link> 요소는 모습입니다 :

<link rel="stylesheet" type="text/css" href="style.acf1a27de.css">