我对部署 angularjs 应用程序的方式有疑问。
每次部署应用程序时,我的用户都会遇到缓存问题。 他们的浏览器保存了我的应用程序的旧版本,结果出现了很多错误。
我看到了这个问题的一个可能的解决方案,只需在每个 css 和 js 文件后添加版本号即可。像这样的东西:
<script src="bower_components/angular/angular.js?version=2.3"></script>
并在每次部署时替换版本。
我不想对我添加的每个文件都这样做。
有人有更好的解决方案吗?
谢谢。
最佳答案
您不应该将版本添加到您的 bower
src,bower 应该为您管理它,例如:
在bower_components/angular/.bower.json
下:
{
"name": "angular",
"version": "1.5.11",
"license": "MIT",
"main": "./angular.js",
"ignore": [],
"dependencies": {},
"homepage": "https://github.com/angular/bower-angular",
"_release": "1.5.11",
"_resolution": {
"type": "version",
"tag": "v1.5.11",
"commit": "0f57428c3ffe2f486264ab7fbee3968dccc7b720"
},
"_source": "https://github.com/angular/bower-angular.git",
"_target": "~1.5.1",
"_originalSource": "angular"
}
在索引中
<script src="../bower_components/angular/angular.js"></script>
完整示例 - bower-angular .
如果您只想禁用缓存:
myModule.config(['$httpProvider', function($httpProvider) {
//initialize get if not there
if (!$httpProvider.defaults.headers.get) {
$httpProvider.defaults.headers.get = {};
}
// Answer edited to include suggestions from comments
// because previous version of code introduced browser-related errors
//disable IE ajax request caching
$httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';
// extra
$httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
$httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
}]);
关于javascript - 在 Angularjs 中禁用客户端缓存,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42091995/