请求的静态资源图片 ，有什么方法缓存，刷新页面时不再去服务端请求

Question

responseHeader 是Cache-Control:no-cache, no-store, max-age=0, must-revalidate . 发现每次刷新就去服务端请求，太浪费资源；请问有什么前端技术可以强制缓存起来

Answer 1

?服务器端强制要求不让缓存：no-cache、no-store了，那浏览器肯定是要遵循的，否则这些协议有什么意义呢？
修改服务器配置，去掉影响缓存的header；也可以使用CDN，在CDN配置“忽略no-cache”，从而强制缓存。

Answer 2

Cache-Control:max-age=86400 缓存一天

Answer 3

如果使用了webpack的话，可以利用url-loader把体积较小的图片资源转换成base64加入到css文件中，大于这个体积的图片资源名字不要加上hash值，然后在前端格式化请求的时候在header中对图片资源增加缓存设置。
其实你不配置缓存也行，浏览器缓请求时会默认的先去找本地记录，在没有配置资源名称hash的情况下，都会先去拿缓存