当前位置: 首页 > article >正文

uniapp APP使用web-view内嵌 h5 解决打包发版浏览器有缓存需要清除的问题

1.在当前项目根节点下的public目录下的index.html里面写入禁止缓存的 meta

在这里插入图片描述

  <!-- 解决前端发版缓存问题  start -->
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="Cache" content="no-cache">
  <!-- 解决前端发版缓存问题  end -->

2.配置服务器,使得index.html等关键文件不被缓存。例如,使用Nginx配置,可以添加以下指令:

 location=/index.html {
    add_header Cache-Control "no-cache, no-store";
}

3.在对应的响应拦截器中请求头里添加上“Cache-Control”设置为“no-cache”告诉浏览器不缓存
在这里插入图片描述

axios.defaults.headers["Cache-Control"] = "no-cache";

4.在vue.config配置webpack,让打包的时候给对应的js、css文件名后缀拼接上时间戳

const timeStamp= new Date().getTime()
module.exports = {
  configureWebpack: {
    output: {
      filename: `js/[name].js?v=${timeStamp}`,
      chunkFilename: `js/[name].js?v=${timeStamp}`,
    },
  },
 css: {
    // 输出重构 打包编译后的css文件名称,添加时间戳
    extract: {
      filename: `css/[name].${timeStamp}.css`,
      chunkFilename: `css/[name].${timeStamp}.css`,
    },
  }
}

最后的打包效果,能看到css、js文件后缀都加上了时间戳
在这里插入图片描述


http://www.kler.cn/a/584466.html

相关文章:

  • LLaMA:开放且高效的基础语言模型
  • 深度学习 模型和代码
  • mysql进阶——数据类型一篇详解
  • 在 Linux 64 位系统上安装 Oracle 11g R2 数据库的完整指南
  • 2025-3-13 leetcode刷题情况(贪心算法--区间问题)
  • Prompt优化 COT/COD
  • 时间有限,如何精确设计测试用例?5种关键方法
  • pop_dialog_state(state: State)弹出对话栈并返回到主助手,让整个对话流程图可以明确追踪对话流,并将控制权委派给特定的子对话图。
  • 使用conda将python环境打包,移植到另一个linux服务器项目中
  • Matplotlib高阶技术全景解析
  • 【数据挖掘】知识蒸馏(Knowledge Distillation, KD)
  • kali linux 漏洞扫描
  • (每日一题) 力扣 179 最大数
  • 前端面试:如何实现预览 PDF 文件?
  • 基于深度学习的肺炎X光影像自动诊断系统实现,真实操作案例分享,值得学习!
  • 【文献阅读】SPRec:用自我博弈打破大语言模型推荐的“同质化”困境
  • 电子电气架构 --- 智能电动汽车概述
  • 塔能IVO-SCY智能机箱:点亮智慧城市的电力“智慧核芯”
  • python语言写的一款pdf转word、word转pdf的免费工具
  • 微店关键词搜索接口(micro.item_search)返回数据测试指南