解决微信公众号发布新的版本H5页面有缓存的问题

最新推荐文章于 2024-10-22 16:23:48 发布

开始寻找自己的路

最新推荐文章于 2024-10-22 16:23:48 发布

阅读量1.7k

点赞数

分类专栏： web js 文章标签： javascript html5 html

本文链接：https://blog.csdn.net/zkn_2439656793/article/details/116978619

版权

js 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

web

2 篇文章 0 订阅

订阅专栏

1.在index.html文件 head代码块中添加下面👇代码

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Cache" content="no-cache" />

script中添加

<script>
  var now = new Date();
  var number = now.getYear().toString() + now.getMonth().toString() + now.getDate().toString() + now.getHours().toString() + now.getMinutes().toString() + now.getSeconds().toString();
  document.write('<scr' + 'ipt type="text/javascript" src="js/config.js?v='+number+'"></scr' + 'ipt>');
</script>

2.在路由配置文件中（我这是config.js文件）templateUrl中添加时间戳

.state('ydthlife.QRCode', {
          url: "/QRCode",
          templateUrl: 'views/ydthlife/QRCode/QRCode.html?time=' + new Date().getTime(),
          data: { pageTitle: '' },                                              //页面标题
          controller: 'QRCodeCtrl',
          resolve: {
              loadPlugin: function ($ocLazyLoad) {                      //懒加载controller
                  return $ocLazyLoad.load([
                      {
                          files: [
                            'views/ydthlife/QRCode/QRCode.js?v=' + new Date().getTime(), 
                            'views/ydthlife/QRCode/QRCode.css?v=' + new Date().getTime()
                          ]
                      },
                  ]);
              }
          }
        })