h5项目(特别是vue)缓存严重的解决方案,配合nginx
2023-09-14 08:56:58 时间
默认情况下使用nginx作为h5静态资源的服务器时,这些资源在浏览器端是会有缓存的,特别是微信浏览器中,缓存非常严重。
所以项目开始部署阶段就需要配置好nginx禁止这些资源的缓存,nginx需要做如下配置:
代码:
location / {
root html;
index index.html;
add_header Cache-Control no-cache;
}
如上配置之后,每次发布只要文件经过修改了(无视文件名),那么都会从服务端拉取最新的资源,保证项目及时更正!
如有出入,欢迎留言更正!
注:(其实并不是禁止,而是在资源文件做更改(根据修改时间)的情况下配置从服务端获取资源,这样就能保证最新的,如果资源没有更改的情况下,还是走的缓存)
参考:https://www.cnblogs.com/kevingrace/p/10459429.html
相关文章
- Java项目毕业设计:基于springboot+vue的电影视频网站系统「建议收藏」
- 移动端H5坑位指南
- html使用vue axios,使用 Vue和axios
- vue md5.js_VUE.js
- vue-cli 初始----安装运行Vue项目
- vue h5 highcharts可滑动折线面积图
- vue3 报错解决:找不到模块‘xxx.vue’或其相应的类型声明。(Vue 3 can not find module)
- Vue项目:菜农管理 【maven + spring boot + RESTFul + SSM+vue + axios】
- vue-cli3构建H5移动应用(vant+rem)
- vue源码分析-从new Vue开始_2023-02-24
- 4. 「vue@2.6.11 源码分析」new Vue() 整体流程和组件渲染之前的准备工作
- vue移动端h5页面根据屏幕适配的四种方案
- IDEA安装Vue插件后为什么创建.vue文件不显示vue图标
- 如何在H5页面或者移动端Uniapp/vue中接入在线客服系统,h5客服系统的接入方法
- H5-vue与原生Android、ios交互获取相册图片
- 实现H5的拖放详解手机开发
- linux下快速部署Vue项目(linux部署vue)
- 轻松实现H5与MySQL数据库的连接方式(h5连接数据库mysql)
- Linux与H5的强强联合:前景无限(linuxh5)
- 使用Vue框架使用MSSQL数据库实现快速开发(vue mssql)
- Vue极致集成Redis,实现更优秀的性能(vue集成redis)
- Vue实现Redis订阅消息的实现方案(vue 订阅redis)
- Oracle Vue考场助力企业数据库技术突破(oracle vue考场)