vue增加强缓存和版本号

worldligang 发布于2019-08-23 17:14 / 1970人阅读

摘要：配置版本号管理在生产模式测试模式测试模式生产模式在配置了打包命令正式环境配版本号测试环境配版本号通过打包设置，版本号时间戳可以根据服务器设置强缓存，缓存静态文件输出重构打包编译后的文件名称模块名称版本号时间戳

强缓存：
到底什么是强缓存？强在哪？其实强是强制的意思。当浏览器去请求某个文件的时候，服务端就在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`,
          },
}

服务器托管云服务器云缓存哪家强版本名称版本号版本号系统版本号

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104025.html

CVTE2019春招前端二面凉经

摘要：在函数中通过赋予变量，在函数中，指向定时器以及回调函数当不需要或者时，定时器没有被，定时器的回调函数以及内部依赖的变量都不能被回收，造成内存泄漏。比如使用了定时器，需要在中做对应销毁处理。前言： 3月5日，从中山去往广州，一大早7点多就做好准备了，在高铁站了30分钟，转广州地铁又站了90分钟，去到地铁口，就有一辆cvte的大巴车过来接送，我选择的面试时间是11：00-12：00，但前...

ningwang 2019-08-23 15:40 评论0 收藏0
CVTE2019春招前端二面凉经

摘要：在函数中通过赋予变量，在函数中，指向定时器以及回调函数当不需要或者时，定时器没有被，定时器的回调函数以及内部依赖的变量都不能被回收，造成内存泄漏。比如使用了定时器，需要在中做对应销毁处理。前言： 3月5日，从中山去往广州，一大早7点多就做好准备了，在高铁站了30分钟，转广州地铁又站了90分钟，去到地铁口，就有一辆cvte的大巴车过来接送，我选择的面试时间是11：00-12：00，但前...

zhangwang 2019-08-30 15:56 评论0 收藏0
浅谈http缓存

摘要：概念浏览器缓存是前端开发中经常遇到的问题，它是提升性能同时减少服务器压力的有效手段之一。服务器通过指定，告知代理服务器，需要缓存两个版本压缩和未压缩。异常表现上述缓存有关的规律，并非所有浏览器都遵循，比如说。概念浏览器缓存是前端开发中经常遇到的问题，它是提升性能同时减少服务器压力的有效手段之一。类型 1.强缓存如果启用了强缓存，请求资源时不会向服务器发送请求，直接从缓存中读取资...

shadajin 2019-08-06 13:25 评论0 收藏0
浅谈http缓存

摘要：概念浏览器缓存是前端开发中经常遇到的问题，它是提升性能同时减少服务器压力的有效手段之一。服务器通过指定，告知代理服务器，需要缓存两个版本压缩和未压缩。异常表现上述缓存有关的规律，并非所有浏览器都遵循，比如说。概念浏览器缓存是前端开发中经常遇到的问题，它是提升性能同时减少服务器压力的有效手段之一。类型 1.强缓存如果启用了强缓存，请求资源时不会向服务器发送请求，直接从缓存中读取资...

linkFly 2019-07-25 15:03 评论0 收藏0
Cocos Creator—最佳构建部署实践

摘要：本篇我们会基于的官方示例做分析，我在原的基础上增加了部署的脚本，部署到又拍云和腾讯云。文件资源增加版本号版本号的方案跟之前的文章基本一致，这个流程在版本应该可以忽略了。这篇文章主要是我们团队在使用Cocos Creator过程中的一些关于部署方面的实践总结，标题党了一回，严格来说，应该是《快看漫画游戏研发团队使用Cocos Creator构建部署最佳实践》，对于其他团队可能并不是。 ...

caohaoyu 2019-08-22 13:41 评论0 收藏0