前端項目代碼更新并部署Tomcat,原有URL或者路由再次打開后白屏。

文章讲述了在Vue前端项目中,由于部署在Tomcat服务器且使用了时间戳或哈希命名策略,更新代码后旧连接导致白屏现象。解决方案是在ApacheTomcat的web.xml文件中添加ExpiresFilter配置,以清除HTML缓存,确保资源实时加载。
摘要由CSDN通过智能技术生成

背景:前端VUE項目,歷史原因部署在Tomcat服務器。

項目打包js文件,css文件均有做hash或時間戳。

當更新前端代碼時,原有連接再次打開時會出現白屏現象,查看控制台js文件加載失敗。

初步判斷是html被緩存了,導致js無法正常加載。

解決方案:

 Apache Tomcat 10 Configuration Reference (10.0.27) - Container Provided Filterst

Tomcat 安裝目錄下web.xml增加如下配置:
 

<filter>
 <filter-name>ExpiresFilter</filter-name>
 <filter-class>org.apache.catalina.filters.ExpiresFilter</filter-class>
 <init-param>
  <param-name>ExpiresByType text/html</param-name>
  <param-value>access plus 1 second</param-value>
 </init-param>

</filter>

  <!-- ==================== Built In Filter Mappings ====================== -->

 <filter-mapping>
    <filter-name>ExpiresFilter</filter-name>
        <url-pattern>/*</url-pattern>
    <dispatcher>REQUEST</dispatcher>
</filter-mapping>

各個版本Tomcat類似,注意時間單位的單複數。如果是1秒,1second,10秒,10seconds.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值