相关文章推荐
俊秀的跑步机  ·  九、Docker-Compose常用命令 ...·  3 月前    · 
爱健身的鼠标垫  ·  MySQL视图复杂查询详解 - 知乎·  2 年前    · 
旅行中的伏特加  ·  selenium循环点击-掘金·  2 年前    · 
仗义的斑马  ·  Python 语言实现 IPv6 ...·  2 年前    · 
要出家的足球  ·  新加坡留学| 入校前你一定想了解的十个问题!_作业·  2 年前    · 
Code  ›  如何解决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中加上随机参数,比如时间戳,这样每次请求都会生成新的参数,从而防止浏览器使用旧版的 缓存 资源。可以使用以下代码:
  •  
    推荐文章
    俊秀的跑步机  ·  九、Docker-Compose常用命令 - 炒焖煎糖板栗 - 博客园
    3 月前
    爱健身的鼠标垫  ·  MySQL视图复杂查询详解 - 知乎
    2 年前
    旅行中的伏特加  ·  selenium循环点击-掘金
    2 年前
    仗义的斑马  ·  Python 语言实现 IPv6 是否ping通 - 龙凌云端 - 博客园
    2 年前
    要出家的足球  ·  新加坡留学| 入校前你一定想了解的十个问题!_作业
    2 年前
    今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
    删除内容请联系邮箱 2879853325@qq.com
    Code - 代码工具平台
    © 2024 ~ 沪ICP备11025650号