记录: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!



目录
相关文章
|
3月前
|
缓存 编解码 JavaScript
理解打包好的vue项目结构dist包
理解打包好的vue项目结构dist包
93 3
|
18天前
|
Linux Docker 容器
Centos安装docker(linux安装docker)——超详细小白可操作手把手教程,包好用!!!
本篇博客重在讲解Centos安装docker,经博主多次在不同服务器上测试,极其的稳定,尤其是阿里的服务器,一路复制命令畅通无阻。
114 4
Centos安装docker(linux安装docker)——超详细小白可操作手把手教程,包好用!!!
|
5天前
|
JavaScript 前端开发 API
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
92 0
|
3月前
|
JavaScript
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
Vue中ref创建_基本类型的响应式数据,在Vue2的年代,数据配在data里,Vue3的区别是不把响应数据写在data里,那个数据是响应式的用ref包一下,let name = ref(“张三“)
|
9天前
|
JavaScript
Vue启动时报错的解决方案,以及解决相同路径跳转报错的问题
Vue启动时报错的解决方案,以及解决相同路径跳转报错的问题
114 0
|
13天前
|
缓存 Linux 编译器
【C++】CentOS环境搭建-安装log4cplus日志组件包及报错解决方案
通过上述步骤,您应该能够在CentOS环境中成功安装并使用log4cplus日志组件。面对任何安装或使用过程中出现的问题,仔细检查错误信息,对照提供的解决方案进行调整,通常都能找到合适的解决之道。log4cplus的强大功能将为您的项目提供灵活、高效的日志管理方案,助力软件开发与维护。
32 0
|
2月前
|
应用服务中间件 Linux nginx
在CentOS上使用源码包安装Nginx、以及手动启动Nginx的步骤过程
这篇文章介绍了在CentOS系统上使用Nginx源码包进行安装和配置的详细步骤,包括源码包的获取、解压、配置、编译、安装、启动验证以及注意事项。
259 0
在CentOS上使用源码包安装Nginx、以及手动启动Nginx的步骤过程
|
2月前
|
Linux
centos7及Tomcat8Dockerfile
centos7及Tomcat8Dockerfile
|
2月前
|
缓存 前端开发 Java
【Azure 应用服务】App Service 使用Tomcat运行Java应用,如何设置前端网页缓存的相应参数呢(-Xms512m -Xmx1204m)?
【Azure 应用服务】App Service 使用Tomcat运行Java应用,如何设置前端网页缓存的相应参数呢(-Xms512m -Xmx1204m)?
|
2月前
|
安全 Java 应用服务中间件
在CentOS 7上安装Apache Tomcat 8的方法
在CentOS 7上安装Apache Tomcat 8的方法
99 0