브라우저 캐시를 통한 Nginx 및 js/css 버전 관리

브라우저 캐시를 통한 Nginx 및 js/css 버전 관리

js/css 파일이 업데이트될 때 브라우저의 캐시를 쉽게 지우고 싶습니다.

실제 파일 위치:

  • /js/some-files.js
  • /css/some-files.css

브라우저에서 호출하도록 앱에 설정된 파일 위치:

  • /js/v1/some-files.js
  • /css/v1/some-files.css

나는 다음을 시도했지만/js/v1/some-files.js나에게 404를 준다.

location ~ ^/(js|css)/v[0-9]+/(.*)$ {
    access_log off;
    expires 7d;
    add_header Cache-Control public;
    try_files $uri $uri/ $1/$2;
}

내가 뭘 잘못하고 있는지 알아낼 수 있나요?

답변1

댓글에서 언급했듯이 슬래시가 누락되었기 때문입니다! 추가적으로 귀하의위치블록은 다음과 같이 단순화될 수 있습니다.

location ~ /(js|css)/v[0-9]+/(.*) {
    access_log off;
    expires 7d;
    add_header Cache-Control public;
    try_files $uri $uri/ /$1/$2;
}

관련 정보