h5项目(特别是vue)缓存严重的解决方案,配合nginx
默认情况下使用nginx作为h5静态资源的服务器时,这些资源在浏览器端是会有缓存的,特别是微信浏览器中,缓存非常严重。
所以项目开始部署阶段就需要配置好nginx禁止这些资源的缓存,nginx需要做如下配置:
代码:
location / { root html; index index.html; add_header Cache-Control no-cache; }
如上配置之后,每次发布只要文件经过修改了(无视文件名),那么都会从服务端拉取最新的资源,保证项目及时更正!
如有出入,欢迎留言更正!
注:(其实并不是禁止,而是在资源文件做更改(根据修改时间)的情况下配置从服务端获取资源,这样就能保证最新的,如果资源没有更改的情况下,还是走的缓存)
相关推荐
yuzhu 2020-11-16
85477104 2020-11-17
KANSYOUKYOU 2020-11-16
sjcheck 2020-11-03
怪我瞎 2020-10-28
源码zanqunet 2020-10-28
gloria0 2020-10-26
王军强 2020-10-21
学习web前端 2020-09-28
QiaoranC 2020-09-25
anchongnanzi 2020-09-21
安卓猴 2020-09-12
Macuroon 2020-09-11
kiven 2020-09-11
LittleCoder 2020-09-11
Cheetahcubs 2020-09-13
小焊猪web前端 2020-09-10
颤抖吧腿子 2020-09-04
softwear 2020-08-21