解决移动端vue项目资源缓存问题

最新推荐文章于 2023-02-10 17:06:28 发布

guanguan0_0

最新推荐文章于 2023-02-10 17:06:28 发布

阅读量2.2k

点赞数

分类专栏： Vue 前端开发文章标签： vue资源刷新

本文链接：https://blog.csdn.net/guanguan0_0/article/details/103597716

版权

前端开发同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

Vue

22 篇文章 0 订阅

订阅专栏

我们希望每次进入项目都会重新加载资源配置，以防配置文件修改而导致页面没有更新问题

我们习惯通过在资源路径加上时间戳等参数来保证每次进入的正常刷新

但是，vue中要怎么处理呢，代码如下：

index.html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"
    />
    <meta name="misapplication-tap-highlight" content="no" />
    <meta name="HandheldFriendly" content="true" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <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" />
    <title>重新加载</title>
  </head>

  <script type="text/javascript">
    // 处理缓存
    document.write(
      "<script src='/config.js?rnd=" + Math.random() + "'></s" + 'cript>'
    )
  </script>

  <body>
    <div id="app"></div>
  </body>
</html>

这个script标签的写法还是有点恼火，好好研究

guanguan0_0

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解决移动端vue项目资源缓存问题

我们希望每次进入项目都会重新加载资源配置，以防配置文件修改而导致页面没有更新问题我们习惯通过在资源路径加上时间戳等参数来保证每次进入的正常刷新但是，vue中要怎么处理呢，代码如下：index.html:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> &...
复制链接

扫一扫