Django应用登出后仍可查看历史页面，JS防回退失效排查

你的JS代码未生效的原因 #

• 浏览器缓存干扰：点击后退时，浏览器直接从本地缓存加载页面，没有重新执行页面JS，导致popstate事件无法触发。虽然window.onload的日志打印了，但那是页面首次加载时的执行结果，后退走缓存时JS逻辑不会重新运行。
• popstate事件触发条件限制：该事件仅在浏览器活动历史条目主动变化（比如点击后退/前进按钮、调用history.back()等）时触发，但缓存页面的历史栈变化可能未被浏览器正确捕获，导致事件不触发。

正确的解决思路（后端控制缓存） #

前端阻止后退的方法不可靠，最佳方案是通过Django后端设置缓存控制头，禁止浏览器缓存需要登录的页面。这样登出后点击后退，浏览器会重新请求页面，后端检测到用户未登录就会跳转到登录页。

方法1：使用装饰器给单个视图设置缓存控制 #

给需要登录保护的视图添加never_cache装饰器：

from django.views.decorators.cache import never_cache
from django.contrib.auth.decorators import login_required

@login_required
@never_cache
def protected_dashboard(request):
    # 你的视图逻辑
    return render(request, 'dashboard.html')

方法2：使用中间件全局控制缓存 #

创建一个中间件类，对所有已登录用户的响应设置缓存禁止头：

# myapp/middleware.py
class NoAuthenticatedCacheMiddleware:
    def __init__(self, get_response):
        self.get_response = get_response

    def __call__(self, request):
        response = self.get_response(request)
        if request.user.is_authenticated:
            # 设置禁止缓存的HTTP头
            response['Cache-Control'] = 'no-cache, no-store, must-revalidate'
            response['Pragma'] = 'no-cache'
            response['Expires'] = '0'
        return response

然后在settings.py的MIDDLEWARE列表中添加该中间件：

MIDDLEWARE = [
    # ... 其他中间件
    'myapp.middleware.NoAuthenticatedCacheMiddleware',
]

前端方案的优化（仅作补充） #

如果一定要用前端方法，可调整JS的事件绑定时机，避免被缓存影响：

document.addEventListener('DOMContentLoaded', function() {
    history.pushState(null, null, location.href);
    
    window.addEventListener('popstate', function() {
        history.go(1);
        console.log("worked");
    });
    
    console.log("worked call");
});

但注意这种方法无法彻底解决缓存问题，仅能处理部分场景。

内容的提问来源于stack exchange，提问作者user13726864