Question

我正在尝试设置一个不缓存静态资产.css和.js的项目。我们似乎对某些人有一些内部缓存问题，我希望这可以解决它。

我有一个阶段监听器，基本上是这个http://turbomanage.wordpress.com/2006/08/08/disable-browser-caching-in-jsf/

的略微修改版本

我的课程：

package com.ods.common.jsf.phaselistener;

import javax.faces.context.FacesContext;
import javax.faces.event.PhaseEvent;
import javax.faces.event.PhaseId;
import javax.faces.event.PhaseListener;
import javax.servlet.http.HttpServletResponse;

public class CacheControlPhaseListener implements PhaseListener
{
public PhaseId getPhaseId()
{
    return PhaseId.RENDER_RESPONSE;
}

public void afterPhase(PhaseEvent event)
{
}

public void beforePhase(PhaseEvent event)
{
    FacesContext facesContext = event.getFacesContext();
    HttpServletResponse response = (HttpServletResponse) facesContext
            .getExternalContext().getResponse();
    response.setHeader("Cache-control", "no-cache"); // HTTP 1.1
    response.setHeader("Cache-control", "no-store"); // HTTP 1.1
    response.setHeader("Cache-control", "must-revalidate"); // HTTP 1.1
    // response.setHeader("Pragma","no-cache"); //HTTP 1.0
    response.setHeader("Allow", "GET"); // Allowing GET Method only
    response.setHeader("Allow", "POST");// Allowing POST Method only
    response.setDateHeader("Expires", -1); // prevent caching at the proxy server

            /*what I've added*/
    response.setHeader("Pragma", "no-cache");
    response.setHeader("Content-type", "x-javascript");
            //below are the content types I'm seeing for the css/js assets via Firebug
    response.setHeader("Content-type", "application/x-javascript");
    response.setHeader("Content-type", "text/css");
}
}

我对faces-config.xml的补充：

<lifecycle>
    <phase-listener id="nocache">com.ods.common.jsf.phaselistener.CacheControlPhaseListener</phase-listener>
</lifecycle>

我的.xhtml页面过去收到过期标题：

Expires Thu, 01 Jan 1970 00:00:00 GMT

所以这似乎有点工作......我假设这个日期来自Expires -1（将其设置为unix纪元）。

正如您所看到的，我已尝试为某些javascript和css设置适当的内容类型标头，但这些资产的过期日期是未来一周。

有人有什么想法吗？另外，我是一个前端开发人员，而不是一个后端java人。我可以搞乱Java，但我绝对不是Java开发人员。这是我在JSF上的第一份工作，所以尽管你可以愚蠢但是很好：）

Answer 1

使用setHeader()，您覆盖任何先前设置的标头。而是使用addHeader()代替，或者只将所有值commaseparated作为标头值。这是完整的集合：

response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate"); // HTTP 1.1.
response.setHeader("Pragma", "no-cache"); // HTTP 1.0.
response.setDateHeader("Expires", 0); // Proxies.

你的另一个错误是PhaseListener不是最好的地方。它仅在JSF页面请求上调用，而不是在由Web浏览器独立调用的静态资源请求上调用。换句话说，只有JSF页面本身禁用了缓存，但所有<script>，<link>，<img>等都会生成新的请求，而这些请求不会调用PhaseListener，因为那些不是JSF页面。

而是使用Filter。

@WebFilter("/*")
public class NoCacheFilter implements Filter {

    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        response.setHeader("Cache-Control", "no-cache, no-store, must-revalidate"); // HTTP 1.1.
        response.setHeader("Pragma", "no-cache"); // HTTP 1.0.
        response.setDateHeader("Expires", 0); // Proxies.
        chain.doFilter(req, res);
    }

    // ... (just keep init() and destroy() NO-OP)
}

如果您定位Servlet 3.0容器（Tomcat 7，Glassfish 3等），则无需注册web.xml（或faces-config.xml）。 @WebFilter("/*")会自动调整它并将其映射到/*的网址格式，从而涵盖所有请求。

另见：

How to control web page caching, across all browsers?

对具体问题

无关，完全禁用静态资产缓存并不是最好的主意。它不必要地花费网络带宽。而是寻找不同的解决方案，例如包括查询字符串中的服务器启动时间戳。

E.g。

<script src="foo.js?#{startup.time}"></script>

with faces-config.xml

<managed-bean>
    <managed-bean-name>startup</managed-bean-name>
    <managed-bean-class>java.util.Date</managed-bean-class>
    <managed-bean-scope>application</managed-bean-scope>
</managed-bean>

此示例将强制浏览器在服务器重新启动时重新加载资源。

如何禁用JSF2中的.css和.js等静态资产的缓存？

1 个答案:

另见：