前端vue应用打包部署后缓存问题导致显示的还是旧的页面

前端vue应用打包部署后缓存问题导致显示的还是旧的页面前端vue应用打包部署后缓存问题，导致显示的还是旧的页面这个缓存机制原理还不是很清楚，有时会出现有时不会出现，综合网上的多种方法尝试了一下：方法一：前端打包时js和css文件加上版本号，如果版本号不同浏览器就会去拿新的文件：在vue.config.js文件加入如下代码：constVersion=newDate().getTime().toString().match(/.*(.{8})/)[1]//截取时间戳后八位module.exports={configureWebpack:{ou...

前端vue应用打包部署后缓存问题，导致显示的还是旧的页面这个缓存机制原理还不是很清楚，有时会出现有时不会出现，综合网上的多种方法尝试了一下：方法一：前端打包时js和css文件加上版本号，如果版本号不同浏览器就会去拿新的文件：在vue.config.js文件加入如下代码：constVersion=newDate().getTime().toString().match(/.*(.{8})/)[1]//截取时间戳后八位module.exports={configureWebpack:{output:{filename:`js/[name].${Version}.js`,chunkFilename:`js/[name].${Version}.js`}}}打包部署后的请求效果图：根据时间戳生成的版本号方法二：在index.html入口文件加入如下代码：

方法三：nginx配置不缓存index.html入口文件（两种配置，针对的是nginx的）：（1）方式一：在nginx.conf页面添加如下代码：location=/index.html{add_headerCache-Control"no-cache,no-store";}（2）方式二：#在location/{}中加入if($request_filename~*^.*?.(html|htm)$){add_headerCache-Control"private,no-store,no-cache,must-revalidate,proxy-revalidate";} -全文完-

                    本文档为【前端vue应用打包部署后缓存问题导致显示的还是旧的页面】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

你可能还喜欢

最新资料

资料动态

专题动态

资教之佳

暂无简介~

格式：doc

大小：96KB

软件：Word

页数：5

分类：互联网

上传时间：2023-06-26

浏览量：119

热点搜索

猪肚煲鸡河南科技大学历年考研真题实用消费者行为学3e王曼PPT及参考答案教学课件1.消费者行为学辅助教材光盘生产标准工时表格国家开放大学2021年1月电大《生产管理》考试试题及参考答案经济法教程习题集主再来的预备--提纲 2008-2011全国大学生英语竞赛c类真题及答案!11 张枣诗.doc 《切割球体的三视图》PPT模板商城运营方案未聘人员分流安置情况调查表 N护士晋级考评表小学记叙文作文无锡排骨猪肚煲鸡河南科技大学历年考研真题实用消费者行为学3e王曼PPT及参考答案教学课件1.消费者行为学辅助教材光盘生产标准工时表格国家开放大学2021年1月电大《生产管理》考试试题及参考答案经济法教程习题集主再来的预备--提纲 2008-2011全国大学生英语竞赛c类真题及答案!11 张枣诗.doc 《切割球体的三视图》PPT模板商城运营方案未聘人员分流安置情况调查表 N护士晋级考评表小学记叙文作文无锡排骨