网站建设 可行性网络营销创意案例

方案一：

上面方式可以使程序每次都进行新的请求，除此之外可以考虑设置应用程序池夜晚定时回收

方案二：

设置网站输出缓存如图：

方案三：

在vue项目中main.js中做一个版本校验，版本号可在每次打包的时候设置package.json中的version，如：

// 检测版本变更
const VUE_APP_VERSION = require('../package.json').version
const vers = window.localStorage.getItem('appVersion')
if (VUE_APP_VERSION != vers) {window.localStorage.clear()window.localStorage.setItem('appVersion', VUE_APP_VERSION)window.location.reload(true)
}

方案四：

在vue.config.js打包时增加版本号及indexhtml不进行缓存（此方法用户已经浏览过页面再次设置可能不生效，用户仍需清楚缓存或Ctrl+F5清除缓存），如：

const Version = new Date().getTime()module.exports = {configureWebpack: config => {config.output.filename = 'js/[name].js?v=' + Version    //这种是给打包后的chunk⽂件加版本号。config.output.chunkFilename = 'js/[name].js?v=' + Version    //这种是给打包后的chunk⽂件加版本号。},css: {extract: {//打包后的css加版本号。filename: `css/[name].css?v=${Version}`,chunkFilename: `css/[name].css?v=${Version}`}},publicPath:'./'
}

在index.html head标签中加入

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