添加链接 注册    登录
link管理
链接快照平台
  • 输入网页链接，自动生成快照
  • 标签化管理网页链接
相关文章推荐
不羁的苦瓜  ·  hadoop异常 - Ruthless - 博客园·  1 月前    · 
安静的椅子  ·  HorizontalScrollView ...·  2 月前    · 
英俊的松球  ·  firebase: 实例化异常: ...·  1 年前    · 
健壮的日光灯  ·  Can not add ...·  1 年前    · 
发呆的生姜  ·  “可在浏览器端运行的Python”，再发力！ ...·  1 年前    · 
link管理  ›  如何解决vue打包后在iframe中出现的缓存问题？具体地说，如何使得vue应用在嵌入到iframe中时不会使用旧版的缓存资源？
vue iframe 浏览器缓存 缓存
https://www.volcengine.com/theme/3482652-R-7-1
憨厚的香烟
1 年前
火山引擎首页
全站搜索
R
如何解决vue打包后在iframe中出现的缓存问题？具体地说，如何使得vue应用在嵌入到iframe中时不会使用旧版的缓存资源？

如何解决vue打包后在iframe中出现的缓存问题？具体地说，如何使得vue应用在嵌入到iframe中时不会使用旧版的缓存资源？

在嵌入vue 应用 的iframe中，缓存可能会导致 应用 表现出不可预知的行为，因为浏览器可能会使用旧版的 缓存 资源。为了解决这个问题，可以使用以下两种方法：

  • 在vue 应用 的webpack配置中，使用chunkhash来生成 应用 内的所有文件名，这样每当vue 应用 有变化时文件名都会改变，避免了使用旧 版 文件的风险。可以使用以下代码：

    • output: { filename: '[name].[chunkh as h].js', chunkFilename: '[name].[chunkh as h].js'

  • 在嵌入vue 应用 的iframe中加上随机参数，比如时间戳，这样每次请求都会生成新的参数，从而防止浏览器使用旧版的 缓存 资源。可以使用以下代码：
    •  
    推荐文章
    不羁的苦瓜  ·  hadoop异常 - Ruthless - 博客园
    1 月前
    安静的椅子  ·  HorizontalScrollView 类 (Android.Widget) | Microsoft Learn
    2 月前
    英俊的松球  ·  firebase: 实例化异常: 无法实例化抽象类 java.util.TimeZone。
    1 年前
    健壮的日光灯  ·  Can not add Newtonsoft.Json.Linq.JValue to Newtonsoft.Json.Linq.JObject.-CSDN博客
    1 年前
    发呆的生姜  ·  “可在浏览器端运行的Python”，再发力！！！-腾讯云开发者社区-腾讯云
    1 年前
    Link管理   ·   Sov5搜索   ·   小百科
    link管理 - 链接快照平台