记录:centos7.6之Tomcat8.5发布dist包vue页面缓存问题...【解决方案】

简介: 记录:centos7.6之Tomcat8.5发布dist包vue页面缓存问题...【解决方案】

一、前言🔥


👨‍🎓作者:bug菌

✏️博客:CSDN掘金

💌公众号:猿圈奇妙屋

🚫特别声明:原创不易,转载请附上原文出处链接和本文声明,谢谢配合。

🙏版权声明:文章里可能部分文字或者图片来源于互联网或者百度百科,如有侵权请联系bug菌处理。

      哈喽,小伙伴们,我是bug菌呀👀,不知不觉就一年又4月,正是踏青郊游的好时节。可上海疫情,除了在家远程办公就是看点技术顺便卷点文章。这不是4月又出了更文活动,逼自己一把,坚持每天做点内容输出,养成写作习惯,将来你会回来感谢曾经的自己坚持了一把才有此刻的辉煌成就。

      小伙伴们在批阅文章的过程中如果觉得文章对您有一丝丝帮助,还请别吝啬您手里的赞呀,大胆的把文章点亮👍吧,您的点赞三连(收藏⭐️+关注👨‍🎓+留言📃)就是对bug菌我创作道路上最好的鼓励与支持😘。时光不弃🏃🏻‍♀️,掘金不停💕,加油☘️


二、环境说明🔥


**环境:**vue3.0 + centos7.6 + tomcat 8.5


三、事故发生缘由🔥


      就在前几天,封闭在家一个多月,但封闭归封闭,项目还得做,由于部分小伙伴无法远程支持,所以部署的工作也有我来兼任,前端vue项目,所以我还是传统部署方式,webpack打包dist文件夹,然后依赖tomcat服务器发布。借此,也遇到了一个发布问题。

      新打包发我的dist文件夹,我是同等命名后丢界tomcat的webapps里,然后启动。但遇到一个很奇怪的问题,虽然我是不清楚啊,但是前端小伙伴在我部署完后,投来了训斥的语气。

以下对话是来自事故发生的当天,我跟前端小伙伴们。

前端小伙伴A:"你是不是没部署好或者还是部署的旧包,明明这样式我是改掉了啊,怎么还是旧样式?? "。

我:“一脸懵b,我是先停服务然后删包再上传包最后启动服务器,这流程讲道理不应该还是旧包啊?”

我:"于是我怀疑自己是不是部署错了,我又重新上传了一遍新包,然后部署流程再来一次! "

前端小伙伴A:"不行,还是老样式。我本地启动样式都变了,你服务器的问题?"。

我:"浏览器缓存清了?。"

前端小伙伴B:"那肯定啊!这不是常识嘛。"

前端小伙伴A:"我再重新打个包给你吧,看看是不是我打包的方式不对..."

... ...

一等就是一刻钟!

前端小伙伴A:"打包好了,发你vx了,bug菌,你重新部署一遍吧! 。"

我:"ok!稍等。"

我:"部署完了,你们看下,还是旧样式吗?"

前端小伙伴B:"是的,会不会你服务器有缓存啊?。"

我:"不应该吧?先不急着回答,我去确认一下..."

网络异常,图片无法展示
|


四、排错分析🔥


      这前端小伙伴的点题,我突然怀疑该不是tomcat会有缓存吧?我深信不疑。查询相关资料才发现,tomcat还真有缓存区,tomcat下有一个work目录,里面是用来存放页面缓存。


      原来如此,那极有可能是它造成这一事故的发生。我立马去查,怎么将tomcat的缓存删掉,试试总不是坏事,我有点心虚,于是我将这work打包了个副本,如果发生不测,我也好复原。


五、解决方案🔥


那tomcat的缓存怎么清呢?我经测试,很简单,那就是直接把work/Catalina目录下的localhost文件夹删了,即可。


      其实我们可以进到localhost文件夹看下,你们会发现,其实就是webapps里头的所有

应用程序。


网络异常,图片无法展示
|

扩展:

      当tomcat启动时会去加载webapps目录下的应用程序。可以是文件夹、war包、jar包的形式发布应用。

   

 我们 直接进到tomcat/work/Catalina下。然后把localhost文件夹都删了,不用害怕,待会儿重启一下它会自动生成的。


网络异常,图片无法展示
|


      最后重启tomcat,我们再来页面看看,果不其然,页面新样式生效了。

附上重启tomcat 的截图:


网络异常,图片无法展示
|
... ...


      ok,以上这样就好啦,如果还想学习更多,你可以看看我的往期热文推荐哦,每天积累一个奇淫小知识,日积月累下去,你一定能成为令人敬仰的大佬的。好啦,咱们下期见~


六、往期推荐🔥



七、文末🔥


      如果还想要学习更多,小伙伴们可关注bug菌专门为大家创建的专栏《SpringBoot零基础入门》,从无到有,从零到一!希望能帮到大家。

      我是bug菌,一名想走👣出大山改变命运的程序猿。接下来的路还很长,都等待着我们去突破、去挑战。来吧,小伙伴们,我们一起加油!未来皆可期,fighting!



目录
相关文章
|
9天前
|
JavaScript
在 Vue 中处理组件选项与 Mixin 选项冲突的详细解决方案
【10月更文挑战第18天】通过以上的分析和探讨,相信你对在 Vue 中使用 Mixin 时遇到组件选项与 Mixin 选项冲突的解决方法有了更深入的理解。在实际开发中,要根据具体情况灵活选择合适的解决方案,以确保代码的质量和可维护性。
50 7
|
15天前
|
缓存 JavaScript 搜索推荐
vue中的一个内置组件Keep-Alive的作用及使用方法介绍——缓存不活动的组件实例
vue中的一个内置组件Keep-Alive的作用及使用方法介绍——缓存不活动的组件实例
55 1
|
2天前
|
存储 缓存 JavaScript
1.Vue的缓存组件 | 详解KeepAlive
1.Vue的缓存组件 | 详解KeepAlive
12 2
|
15天前
|
JavaScript 前端开发 API
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
340 0
|
4月前
|
JavaScript
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
|
19天前
|
JavaScript
Vue启动时报错的解决方案,以及解决相同路径跳转报错的问题
Vue启动时报错的解决方案,以及解决相同路径跳转报错的问题
149 0
|
23天前
|
缓存 Linux 编译器
【C++】CentOS环境搭建-安装log4cplus日志组件包及报错解决方案
通过上述步骤,您应该能够在CentOS环境中成功安装并使用log4cplus日志组件。面对任何安装或使用过程中出现的问题,仔细检查错误信息,对照提供的解决方案进行调整,通常都能找到合适的解决之道。log4cplus的强大功能将为您的项目提供灵活、高效的日志管理方案,助力软件开发与维护。
46 0
|
27天前
|
缓存 NoSQL 关系型数据库
缓存穿透以及解决方案
缓存穿透以及解决方案
30 0
|
2月前
|
缓存 JavaScript
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
vue使用keep-alive实现页面前进刷新,后退缓存,完美运行无bug
405 1
|
3月前
|
缓存 JavaScript
Vue学习之--------编程式路由导航、缓存路由组件、新的钩子函数(4)(2022/9/5)
这篇文章介绍了Vue中编程式路由导航的方法,包括使用`$router.push`、`$router.replace`、`$router.forward`、`$router.back`和`$router.go`进行路由跳转和历史记录操作,以及如何利用`<keep-alive>`组件缓存路由组件,和Vue Router新增的两个生命周期钩子`activated`和`deactivated`的用法及其在项目中的应用和测试结果。
Vue学习之--------编程式路由导航、缓存路由组件、新的钩子函数(4)(2022/9/5)