[js/css] 배포 파일 업데이트 시 이미지 캐시 방지

 

이번에 개발하는 사이트에 이미지가 많이 들어가는데

소스를 수정할 때 마다 캐시를 지워야 하는 불편함이 있어서 수정

 

css	<link rel="stylesheet" type="text/css" href="파일의 파일 경로?쿼리스트링"> ex) <link rel=stylesheet" type="text/css" href="/common/css/common.css?v=20205301201">
js	<script language="javascript" type="text/javascript" src="파일의 파일 경로?쿼리스트링"></script> ex) <script language="javascript" src="/app/ResourceBundle.js?v=202005301201"></script>
import	@import url('파일의 파일 경로?쿼리스트링') ex) @import url('/common/css/common.css?v=202005301201')

 

이렇게 수정하면 된다고 하는데...

각 페이지마다 일일이 넣을수가 없어서 다른 방법을 찾아보았다

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<%@ page session="false" %>

<jsp:useBean id="today" class="java.util.Date" />

<fmt:formatDate value="${today}" pattern="yyyyMMddHHmmss" var="nowDate"/>

이 설정을 넣은 후 

    <c:set var="이름AAAAAA" value="${request.getContextPath()}/원하는 파일 경로"/>

    <c:set var=" 이름BBBBBB" value="${request.getContextPath()}/원하는 파일 경로"/>

    <link rel="icon" type="text/css" href="<c:url value='${이름AAAAAA}'/>?v=${nowDate}" />

    <link rel="stylesheet" type="text/css" href="<c:url value='${ 이름BBBBBB }'/>?v=${nowDate}" />

아이콘 및 css 추가

<c:set var="설정" value="${request.getContextPath()}/원하는 파일 경로"/>

<script src="<c:url value='${설정}'/>?v=${nowDate}"></script>

스크립트도 같은 형식으로 넣어주면 된다