记录: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 选项冲突的解决方法有了更深入的理解。在实际开发中,要根据具体情况灵活选择合适的解决方案,以确保代码的质量和可维护性。
340 7
|
1月前
|
JavaScript 前端开发 UED
Vue 表情包输入组件的实现代码:支持自定义表情库、快捷键发送和输入框联动的聊天表情解决方案
本文详细介绍了在 Vue 项目中实现一个功能完善、交互友好的表情包输入组件的方法,并提供了具体的应用实例。组件设计包含表情分类展示、响应式布局、与输入框的交互及样式定制等功能。通过核心技术实现,如将表情插入输入框光标位置和点击外部关闭选择器,确保用户体验流畅。同时探讨了性能优化策略,如懒加载和虚拟滚动,以及扩展性方案,如自定义主题和国际化支持。最终,展示了如何在聊天界面中集成该组件,为用户提供丰富的表情输入体验。
129 8
|
1月前
|
JavaScript 前端开发 UED
Vue 表情包输入组件实现代码及详细开发流程解析
这是一篇关于 Vue 表情包输入组件的使用方法与封装指南的文章。通过安装依赖、全局注册和局部使用,可以快速集成表情包功能到 Vue 项目中。文章还详细介绍了组件的封装实现、高级配置(如自定义表情列表、主题定制、动画效果和懒加载)以及完整集成示例。开发者可根据需求扩展功能,例如 GIF 搜索或自定义表情上传,提升用户体验。资源链接提供进一步学习材料。
79 1
|
1月前
|
XML Java 应用服务中间件
在centos7.x上安装配置tomcat
本指南介绍了在Linux系统中部署Tomcat服务器的完整流程,包括关闭防火墙与SELinux、安装JDK、下载及解压Tomcat、启动和关闭Tomcat服务,以及配置Tomcat管理功能。同时,详细描述了如何导入项目到Tomcat的webapps目录、修改配置文件,并测试项目访问。通过这些步骤,您可以成功搭建并运行一个基于Tomcat的Web应用环境。
|
3月前
|
Linux
CentOS系统中rpm包与源码包的主要区别
总的来说,RPM包和源码包各有优缺点,选择哪种包主要取决于你的需求和技术水平。希望这个答案能帮助你更好地理解RPM包和源码包的区别。
147 27
|
9月前
|
缓存 JavaScript 搜索推荐
vue中的一个内置组件Keep-Alive的作用及使用方法介绍——缓存不活动的组件实例
vue中的一个内置组件Keep-Alive的作用及使用方法介绍——缓存不活动的组件实例
419 1
|
6月前
|
网络协议 Java 应用服务中间件
centos7环境下tomcat8的安装与配置
本文介绍了在Linux环境下安装和配置Tomcat 8的详细步骤。首先,通过无网络条件下的文件交互软件(如Xftp 6或MobaXterm)下载并解压Tomcat安装包至指定路径,启动Tomcat服务并测试访问。接着,修改Tomcat端口号以避免冲突,并部署Java Web应用项目至Tomcat服务器。最后,调整Linux防火墙规则,确保外部可以正常访问部署的应用。关键步骤包括关闭或配置防火墙、添加必要的端口规则,确保Tomcat服务稳定运行。
|
9月前
|
Linux Docker 容器
Centos安装docker(linux安装docker)——超详细小白可操作手把手教程,包好用!!!
本篇博客重在讲解Centos安装docker,经博主多次在不同服务器上测试,极其的稳定,尤其是阿里的服务器,一路复制命令畅通无阻。
15129 5
Centos安装docker(linux安装docker)——超详细小白可操作手把手教程,包好用!!!
|
9月前
|
JavaScript 前端开发 API
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
vue3中常用插件的使用方法:按需引入自定义组件,自动导入依赖包,自动生成路由,自动生成模拟数据
1691 0
|
11月前
|
缓存 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)

热门文章

最新文章