html页面缓存问题

clipboard.png

现在遇到很奇葩的问题 如上图我使用ng-include来加载html模板 但是现在我在主页面修改 阿里云刷新后可以在浏览器显示 但是如果在template里面所做的修改 阿里云刷新后浏览器还是有缓存 必须要浏览器主动强制刷新 何解?

阅读 7k
5 个回答

浏览器缓存 加版本号或者文件的md5值

在web服务器上配置Expires或Cache-Control返回头就可以了。

Cache-Control:no-cache
Expires:当前时间

加个版本号美滋滋

 $scope.$on('$locationChangeStart',function (event, newUrl, oldUrl) {
    $location.search('_v', new Date().getTime())
 });

在路径后面配hash

在你所要引入的页面地址的后面加个参数即可

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <!-- <script src="http://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script> -->
</head>
<body ng-app="">
<div ng-include="'main.html?v=1'"></div> //加入随便一个参数都行   
</body>
</html>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题