uniapp 打包H5页面时候清除手机缓存问题

最近遇到一个情况:
uniapp 写了一个H5 页面,挂在一个小程序上面,但是每次更新代码,新增新功能,总是有的用户看到的还是上一个版本的样式,前端打包的时候,已经在Uniapp项目的根目录下面新建了一个文件vue.config.js来控制:
vue.config.js

let filePath = 'static/js/'; // 默认文件路径
let TimeStamp = new Date().getTime(); // 时间戳
let version = '-v2.0.6-'

module.exports = {
   
	configureWebpack: {
   
		output: {
    // filePath: 路径 name: 默认文件名 Version: 版本号 TimeStamp: 时间戳; 重构文件名
			filename: `${
     filePath}[name].${
     version}${
     TimeStamp}.js`,
			chunkFilename: `${
     filePath}[name].${
     version}${
     TimeStamp}.js`
		},
	},
	devServer: {
   }
}

然后将项目打包,找到路径./static/js/,所有的js文件都是附带时间戳的,如下所示:
在这里插入图片描述
但是代码发布成功以后还有一些用户手机上还是上一个版本的样式:
于是考虑会不会是发布到服务器的时候配置不对:
于是就有了一下解决方式:
将打包好的uniapp项目部署到nignx,找到nignx的配置文件,配置如下内容禁用缓存。

location / {
   
    add_header Cache-Control "no-cache, no-store, must-revalidate";
    add_header Pragma "no-cache";
    add_header Expires 0;
}

这样以后再没有出现过缓存问题造成的困扰

相关推荐

  1. uniapp 引入h5页面

    2023-12-07 10:34:03       41 阅读
  2. uniapp 如何嵌套H5 页面

    2023-12-07 10:34:03       47 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-07 10:34:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-07 10:34:03       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-07 10:34:03       82 阅读
  4. Python语言-面向对象

    2023-12-07 10:34:03       91 阅读

热门阅读

  1. Nginx的缓存配置与其他配置

    2023-12-07 10:34:03       60 阅读
  2. 计算机视觉(CV)技术的优势和挑战-AI生成版

    2023-12-07 10:34:03       51 阅读
  3. Blocking_Analyzer_1.7_For_MySQL_8.0.exe

    2023-12-07 10:34:03       52 阅读
  4. 生活、工作常用API免费接口

    2023-12-07 10:34:03       44 阅读
  5. 梦想与魔法:编程之路的挑战与荣耀

    2023-12-07 10:34:03       52 阅读
  6. 5-redis高级-哨兵

    2023-12-07 10:34:03       54 阅读