vue项目上线,出现缓存问题

1、html文件加mate标签

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

https://www.cnblogs.com/zdz8207/p/vue-meta-no-cache.html

但是这种原会让所有的资源css/js重新加载

2、nginx 配置,让 index.html 不缓存,一般采取这种方法

https://www.cnblogs.com/daheiylx/p/12705090.htm

location = /index.html {
    add_header Cache-Control "no-cache, no-store";
}
vue-cli里的默认配置,css和js的名字都加了哈希值,所以新版本css、js和就旧版本的名字是不同的,不会有缓存问题。
不过值得注意的是,把打包好的index.html放到服务器里去的时候,index.html在服务器端可能是有缓存的,这需要在服务器配置不让缓存index.html
nginx 配置,让index.html不缓存

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

no-cache, no-store可以只设置一个 
no-cache浏览器会缓存,但刷新页面或者重新打开时 会请求服务器,服务器可以响应304,如果文件有改动就会响应200 
no-store浏览器不缓存,刷新页面需要重新下载页面
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Spring Boot Vue 3.0 项目实战是一套基于时下最新 Java 技术栈和 Vue 3 开发的前后端分离学习实战型项目。该项目包括小说门户系统、作家后台管理系统、平台后台管理系统等多个子系统,具备小说推荐、作品检索、小说排行榜、小说阅读、小说评论、会员中心、作家专区、充值订阅、新闻发布等功能。 后端技术选型方面,使用了Spring Boot作为容器和MVC框架,MyBatis作为ORM框架,并结合了MyBatis-Plus作为增强工具。另外,还使用了JJWT实现JWT登录支持,Lombok简化对象封装,Caffeine提供本地缓存支持,Redis和Redisson提供分布式缓存和分布式锁的实现,MySQL作为数据库服务,ShardingSphere-JDBC提供数据库分库分表支持,Elasticsearch作为搜索引擎服务,RabbitMQ作为开源消息中间件,XXL-JOB作为分布式任务调度平台,Sentinel作为流量控制组件,Springdoc-openapi和Swagger 3用于接口文档自动生成,Spring Boot Admin用于应用管理和监控,Undertow作为Java开发的高性能Web服务器,Sonarqube用于代码质量控制。 前端技术选型方面,使用了Vue.js作为渐进式JavaScript框架,Vue Router作为官方路由,axios作为基于promise的网络请求库,element-plus作为基于Vue 3的组件库。 该项目的开发环境需要使用MySQL 8.0、Redis 7.0、Elasticsearch 8.2.0(可选)、RabbitMQ 3.10.2(可选)、XXL-JOB 2.3.1(可选)、JDK 17、Maven 3.8和Node 16.14。 通过该项目,你可以学习到Spring Boot和Vue 3的最新技术栈,并从零开始开发和上线一套生产级别的Java系统。你可以在GitHub或码云上找到该项目的后端和前端代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Spring Boot 3 + Vue 3 项目实战,手把手教你从零开始开发上线一套生产级别的 Java 系统](https://blog.csdn.net/qq_22803841/article/details/126289285)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值