第一步，html增加meta标签

 <meta http-equiv="Pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">

第二步，修改打包之后的js、css、image的命名规则

在vue.config.js种修改配置

 const Timestamp = new Date().getTime()module.exports={filenameHashing: false,// 此步骤可省略。configureWebpack: config => {// 打包编译后修改 js 文件名config.output.filename = `assets/js/[name].${Timestamp}.js`;config.output.chunkFilename = `assets/js/[name].${Timestamp}.js`;},css: {extract: {// 打包编译后修改 css 文件名filename: `assets/css/[name].${Timestamp}.css`,chunkFilename: `assets/css/[name].${Timestamp}.css`}}}

第三步，修改nginx配置，不缓存页面

server {location / {add_header Cache-Control no-store;add_header Pragma no-cache;}
}

vue打包上线并清除缓存机制相关推荐

vue打包上线部分css效果错乱,解决Vue打包上线之后部分CSS不生效的问题
解决Vue打包上线之后部分CSS不生效的问题首先注释掉webpack.prod.conf.js中下面的代码 new OptimizeCSSPlugin({ cssProcessorOptions: ...
vue-解决Vue打包上线之后部分CSS不生效的问题
解决Vue打包上线之后部分CSS不生效的问题更新时间:2019年11月12日 15:16:16 作者:墨咎我要评论今天小编就为大家分享一篇解决Vue打包上线之后部分CSS不生效的问题, ...
vue打包上线的代理问题
若依管理系统vue proxy代理导致打包上线出现问题: 最近在使用若依管理系统中出现了代理服务导致的问题,代码如下: vue.config.js文件配置 devServer: {host: '0.0 ...
vue的keep-alive组件清除缓存
场景是,从列表跳转到详情页,再次返回列表页时要记住之前列表页的页码.搜索关键词等,采用keepa-live缓存组件. 在路由文件配置meta.keepAlive: {path: '/List',nam ...
踩坑-填坑之 : vue打包上线,页面无法显示
出现了什么问题,什么现象? 根据从网上down下来的iview-admin框架进行后台管理系统开发,开发过程顺利,在部署到测试服务器时,打开页面一片空白;或是打开页面时只显示首页跳转到其他页面时显示空 ...
vue打包上线移除 console
开发阶段,我们会编写大量的 console 语句用于测试使用 build 命令打包时,会作为警告提出,因为上线之后,这些 console 语句是没有任何作用的,所以警告你应该移除挨个文件手动删除的 ...
vue打包上线部分css效果错乱,vue-cli2打包后css部分样式错乱
鼓捣半天,现在如下配置,能成功运行.还在查资料ing build/utils.js ... function generateLoaders (loader, loaderOptions) { con ...
vue 打包上线后字体图标不显示
在build/utils.js下找到 if (options.extract) {return ExtractTextPlugin.extract({use: loaders,fallback: 'v ...
SpringBoot+Vue+Redis实现前后端分离的字典缓存机制
场景前端使用Vue+ElementUI,要显示下拉框,下拉框的字典数据从数据库中的字典表中获取. 但是如果每次下拉框都要项后台发动请求数据库的请求,性能可想而知. 所以可以在查询下拉框的字典数据时先 ...

vue打包上线并清除缓存机制

第一步，html增加meta标签

第二步，修改打包之后的js、css、image的命名规则

第三步，修改nginx配置，不缓存页面

vue打包上线并清除缓存机制相关推荐

最新文章

热门文章