富贵资源网 Design By www.hznty.com
强缓存：
到底什么是强缓存？强在哪？其实强是强制的意思。当浏览器去请求某个文件的时候，服务端就在respone header里面对改文件做了缓存配置。缓存的时间、缓存类型都由服务端控制。
强缓存实现：
cache-control: max-age=315360000, public ,immutable
客户端和代理服务器都可以缓存该资源，在315360000秒（10年）的有效期内，如果有请求该资源的需求的话就直接读取缓存,statu code:200 ，即使用户做了刷新操作，也不向服务器发起http请求
参考文章"彻底弄懂强缓存与协商缓存"
index.html文件采用协商缓存，理由就是要用户每次请求index.html不拿浏览器缓存，直接请求服务器，这样就保证资源更新了，切记不要设置强缓存！！！
其他资源采用强缓存 + 协商缓存,理由就不多说了。
nginx配置
版本号管理在
.env.production 生产模式
.env.test 测试模式
VUE_APP_VERSION = T0.01 测试模式 VUE_APP_VERSION = V0.01 生产模式
在package.json配置了打包命令
npm run build 正式环境配V0.01版本号 npm run build:test 测试环境配T0.01版本号
通过webpack打包设置，name+版本号+时间戳.js
可以根据服务器设置强缓存，缓存静态文件
configureWebpack: {
output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】
filename: `[name].${process.env.VUE_APP_VERSION}.${timeStamp}.js`,
chunkFilename: `[name].${process.env.VUE_APP_VERSION}.${timeStamp}.js`,
},
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...