javascript - 在 Angularjs 中禁用客户端缓存

Question

我对部署 angularjs 应用程序的方式有疑问。

每次部署应用程序时，我的用户都会遇到缓存问题。他们的浏览器保存了我的应用程序的旧版本，结果出现了很多错误。

我看到了这个问题的一个可能的解决方案，只需在每个 css 和 js 文件后添加版本号即可。像这样的东西:

<script src="bower_components/angular/angular.js?version=2.3"></script>

并在每次部署时替换版本。

我不想对我添加的每个文件都这样做。

有人有更好的解决方案吗？

谢谢。

Answer 1

您不应该将版本添加到您的 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';
}]);