Vue 项目处理每次发版后要清理浏览器缓存

一、在index.vue文件添加如下代码（不推荐）

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

二、在打包的时候给每个打包文件加上hash 值，一般是在文件后面加上时间戳，通过vue.config.js配置

const path = require('path')
const webpack = require('webpack')
const timeStamp = new Date().getTime()
module.exports = {publicPath: './',// 打包的时候不使用hash值.因为我们有时间戳来确定项目的唯一性了.filenameHashing: false,// 将构建好的文件输出到哪里outputDir: 'dist',configureWebpack: { // 重点// 输出重构 打包编译后的js文件名称,添加时间戳.output: {filename: `js/[name].${timeStamp}.js`,chunkFilename: `js/chunk.[id].${timeStamp}.js`,}},css: { //重点.extract: { // 打包后css文件名称添加时间戳filename: `css/[name].${timeStamp}.css`,chunkFilename: `css/chunk.[id].${timeStamp}.css`,}}
}

Vue 项目处理每次发版后要清理浏览器缓存相关推荐

小程序和钉钉发版后老版缓存的问题调研
小程序发版后老版缓存方式 1. 小程序运行机制 (1)小程序启动小程序启动会有两种情况,一种是冷启动,一种是热启动. 热启动:假如用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时无需重 ...
nginx 部署前端项目，不缓存html文件，项目发版后，不用手动刷新页面
nginx 部署前端项目,不缓存html文件,项目发版后,不用手动刷新页面 location / {expires 1h;root /home/test/vue/dist/;index index.h ...
x-http-wrapper: 如何解决每次发版时，修改http相关代码造成的错误！(Android、iOS、h5)...
其实是我做了个开源工具(^__^),拿出来给大家鉴赏下,欢迎大家提意见项目:github.com/xuyt11/x-ht- 欢迎关注和star . 功能:这是一个http相关代码的创建工具. 现在我 ...
小程序：浅谈小程序更新机制，发版后多久能全覆盖
小程序会伴随业务的成长不断更新版本,那么发布了新版本后多长时间能被用户看到? 有人说,微信小程序的更新机制长久以来都是迷一样的存在,当你发布一个新版本的时候,不知道何时用户才能看到.明明已经发布了,却 ...
每次发版都搞到晚上11点，我们能不能……
" 将四持原则,融入到你的日常工作中,你将不会被「琐事」缠身." 在<持续交付 2.0>一书中,提到改善软件交付能力的「四持原则」. 它们分别是: 坚「持」少做, 「持 ...
为 VUE 项目添加 PWA 解决发布后刷新报错问题
为 VUE 项目添加 PWA 解决发布后刷新报错问题参考文章: (1)为 VUE 项目添加 PWA 解决发布后刷新报错问题 (2)https://www.cnblogs.com/morang/p/9 ...
vue项目打包部署-----解决打包后访问资源失败问题
vue项目打包部署-----解决打包后访问资源失败问题参考文章: (1)vue项目打包部署-----解决打包后访问资源失败问题 (2)https://www.cnblogs.com/ycsc/p/1 ...
Vue项目如何实现进入网站后欢迎动画只播放一次的效果（欢迎动画是一个position:fixed；属性的遮罩层，直接写在首页页面上）
Vue项目如何实现进入网站后欢迎动画只播放一次的效果(欢迎动画是一个position:fixed;属性的遮罩层,直接写在首页页面上) 前端小白的我最近在项目上遇到了一个需求,就是网站首页上有个遮罩层的 ...
java 清理页面缓存数据_Web项目中，清理浏览器缓存的几种方式
在B/S架构的项目中,访问web项目时,往往需要清理浏览器的缓存数据,js ,css 等等. //方法1:在引用的js ,css ,图片,等文件的url 处加一个变量,生成一个随机数字 //方法2:在 ...

Vue 项目处理每次发版后要清理浏览器缓存

Vue 项目处理每次发版后要清理浏览器缓存相关推荐

最新文章

热门文章