索洪波的网站

vuePress-theme-reco 索洪波    2014 - 2022
索洪波的网站 索洪波的网站
主页
文章随笔
  • 知识整理
  • 原创特效
  • 开发日记
  • 前端工具
  • 其他
标签
原创特效
留言板
GitHub
author-avatar

索洪波

69

Article

21

Tag

主页
文章随笔
  • 知识整理
  • 原创特效
  • 开发日记
  • 前端工具
  • 其他
标签
原创特效
留言板
GitHub

前端单页面应用缓存策略

vuePress-theme-reco 索洪波    2014 - 2022

前端单页面应用缓存策略

索洪波 2020-05-13 优化加速

在当前常用的单页面页面开发中。会将生产包发布为:固定名称的html文件和带hash的js、css文件。

所以我们需要保证html必须每次都实时请求服务器,但是js和css文件可以强缓存在本地,减少请求加速显示。

nginx配置如下:

  • /、/*.htm、/*.html文件配置协商缓存
  • **/*.js、/*.css文件配置强缓存 **
	location / {
		root   html;
		index  index.html index.htm;

		if ( $request_uri ~* /((.*)\.html?)?$ ) {
			add_header Cache-Control no-cache;
		}
		if ( $request_uri ~* /.*\.(js|css)$ ) {
			add_header Cache-Control max-age=86400;
		}
    }