钉钉h5微应用本地正常，线上页面显示异常；原因部署次数过多，缓存导致本地和线上效果不一致；

最新推荐文章于 2024-07-26 14:00:00 发布

原创最新推荐文章于 2024-07-26 14:00:00 发布 · 3.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#钉钉 #钉钉微应用禁用缓存

vue 专栏收录该内容

14 篇文章

订阅专栏

本文主要探讨了钉钉H5微应用在线上显示异常的问题，原因是部署次数过多导致缓存积累，使得本地和线上效果不一致。提出了两种解决方案：一是临时通过钉钉设置进行缓存清理，二是从代码层面，在public>index.html中添加禁用缓存的代码，以实现长期的缓存控制。

1、临时解决缓存》打开钉钉设置》通用》一件清理
2、永久解决缓存》public>index.html粘贴上禁用缓存的代码

<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>
  。。。。解决钉钉首页缓存。。。。
  <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" />
  。。。。。。。。。。。。。
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
        Please enable it to continue.</strong>
  </noscript>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>
</html>