我们有一个Angular项目,由于我们的“敏捷”环境,模板已经多次更改。由于html文件类型,浏览器似乎会强烈缓存模板。这意味着当业务在更新后访问我们的开发网站时,他们偶尔会看到旧的模板。我们该如何确保当模板发生更改时,用户下载新的模板而不是从缓存中加载?
script.
angular.module('appVersion',[]).constant('appVersion',#{curDate});
.config(['$httpProvider','appVersion',function($httpProvider,appVersion){
$httpProvider.interceptors.push(function() {
return {
'request': function(config) {
if(!config.cached && config.url.indexOf('.html') > -1){
if(config.url.indexOf("?") > -1){
config.url = config.url.replace("?","?v="+appVersion+"&");
}
else{
config.url += "?v="+appVersion;
}
}
return config;
}
};
});
}])