javascript - 单页应用程序版本控制

Question

让用户感觉正在使用我的单页应用程序的最新版本的最佳方法是什么？如何确保用户不必按 ctrl+F5 即可获取最新的页面资源 (JS+CSS)？

Answer 1

使用构建器编号为所有对静态文件的引用添加前缀。

您应该指向 /js/123/app.js 而不是 /js/app.js 123 是内部版本号。

在每次部署时，增加内部版本号。

然后你需要做一些重写，以便服务器在路径中有假文件夹时找到 app.js。

当然，静态文件不会重新加载，直到有人关闭浏览器并再次访问该页面或按 F5)。

解决这个问题，可以用AJAX请求app.js，看看有没有被修改:

$.ajax({
    type:"GET",
    url:'/js/123/app.js',
    cache:true,
    ifModified:true,                  
    success:function(data,textStatus,jqXHR){
        console.debug(data);     // Returns undefined when response is 304 Not Modified
    }
});