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

👨‍🎓作者:bug菌

✏️博客:CSDN掘金

💌公众号:猿圈奇妙屋

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

🙏版权声明:文章里可能部分文字或者图片来源于互联网或者百度百科,如有侵权请联系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 的截图:

 ... ...

        好啦,以上就是解决服务器tomcat缓存导致vue项目缓存的解决方案啦。如果对你有所帮助,还请不要忘记给bug菌[三连支持]哟。如果想获得更多的学习资源或者想和更多的技术爱好者一起交流,可以关注我的公众号『猿圈奇妙屋』,后台回复关键词领取学习资料、大厂面经、面试模板等海量资源,就等你来拿。

五、文末🔥

        如果你还想要学习更多,小伙伴们大可关注bug菌专门为你们创建的专栏《bug调优》,都是我一手打下的江山,持续更新中,希望能帮助到更多小伙伴们。

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

        最后送大家两句我很喜欢的话,与诸君共勉!


☘️做你想做的人,没有时间限制,只要愿意,什么时候都可以start。

🍀你能从现在开始改变,也可以一成不变,这件事,没有规矩可言,你可以活出最精彩的自己。


​​​​

💌如果文章对您有所帮助,就请留下您的吧!(#^.^#);

💝如果喜欢bug菌分享的文章,就请给bug菌点个关注吧!(๑′ᴗ‵๑)づ╭❤~;

💗如果对文章有任何疑问,还请文末留言或者加群吧【QQ交流群:708072830】;

💞鉴于个人经验有限,所有观点及技术研点,如有异议,请直接回复参与讨论(请勿发表攻击言论,谢谢);

💕版权声明:原创不易,转载请附上原文出处链接和本文声明,版权所有,盗版必究!!!谢谢。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

bug菌¹

你的鼓励将是我创作的最大动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值