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>

完整示例 - {{3}}。

如果您只想禁用缓存：

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';
}]);

Answer 2

我不知道你的服务器堆栈是什么，但我使用的是ASP.NET。我使用程序集的构建字符串作为查询字符串。所以它看起来像这样

<script src="bower_components/angular/angular.js?version=@ViewBag.AppVersion"></script>

其中AppVersion是一个如下所示的字符串：＆＃39; 1.0.0.12645＆＃39;。

在Angularjs

2 个答案: