tomcat对前端部署web应用的贡献--静态资源压缩和history路由模式的路径映射

本文介绍了如何通过Tomcat优化前端部署的web应用,特别是针对Vue项目的静态资源压缩和history路由模式的路径映射。通过开启Tomcat的GZIP功能并调整相关配置,显著提升了请求效率。同时,为解决history路由模式下404错误,文章提供了在webpack、路由设置及web.xml中的相应解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

关于tomcat的及静态资源压缩:

问题:vue工程打包后的app.js大小是2.3MB,请求时间过长
在这里插入图片描述
除了代码级别的打包优化外,tomcat竟然也能做出一些贡献
如下是tomcat做出相应设置后的请求详细:
在这里插入图片描述
如上明显看出请求效率明显提升,
那我们是做了什么工作?怎么来理解呢?
首先看鼠标hover时提示的这句话407KB transferred over network, resource size:2.3MB.
可以理解为:这个js文件通过网络传输的大小时407KB,而资源的实际大小是2.3MB
天哪,这传输效率提升的可不是一星半点。

不多说了,来看看我们的设置:

tomcat下有个conf文件夹的server.xml中进行相关配置
在这里插入图片描述
打开tomcat的GZIP功能

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值