vue 服务器代码更新浏览器页面不更新

2024-04-28 05:49:19

因浏览器缓存原因导致vue 打包的文件导致偶尔会出现不能即使更新最新代码。因此在打包的文件名中添加一个版本号以便浏览器能区分。

解决方法：找到webpack .prod.conf.js

1.定义版本变量： const Version = new Date().getTime(); // 这里使用的是时间戳来区分，也可以自己定义成别的如：1.1

2.修改要生成的js和css文件的配置项，把刚刚声明的版本拼接进要生成的文件名中；

output: {

path: config.build.assetsRoot,

filename: utils.assetsPath('js/[name].[chunkhash].' + Version + '.js'),

chunkFilename: utils.assetsPath('js/[id].[chunkhash].' + Version + '.js')

},

new ExtractTextPlugin({
filename: utils.assetsPath('css/[name].[contenthash]'+Version+'.css'),
allChunks: true
}),

如下图所示

vue 服务器代码更新浏览器页面不更新相关推荐

vue项目保存代码后浏览器页面自动更新
vue.config.js种添加如上红色色框内内容,其中8081替换为自己电脑的主机号
js更新数组对象_7 种Vue 数据已更新而页面没有更新的情况及深化总结（收藏）
作者:前端1943 链接:https://segmentfault.com/a/1190000022772025 如果你发现你自己需要在 Vue 中做一次强制更新,99.9% 的情况,是你在某个地方做 ...
Vue的数据更新了但页面没有更新及数据频繁更新而页面只更新一次
1.Vue的数据更新了,而页面没有更新由于Vue的数据双向绑定,我们只需要修改数据,页面就会自动更新.但有时我们修改了数据,页面却也没有更新,这是为什么? 以下用Vue2为例,整理常见的几种问题 1 ...
vue项目编辑器保存代码后自动更新浏览器页面内容
第一步,现在用vue脚手架创建vue项目需要自己创建vue.config.js文件(注意,直接在项目创建vue.config.js文件即可),注意:(2019年10月后创建的新vue项目,之前的是we ...
vue项目兼容IE浏览器，判断IE11以下，则提示浏览器版本过低，更新浏览器页面
1. 把下面这段js直接放入vue项目的index.html 页面的<head>里面 <script type="text/javascript"> (fu ...
vue 禁止显示本网页由、、_【VUE/JS】vue和js禁止浏览器页面后退
1.vue 禁止浏览器后退需求是:需要某个路由不能通过浏览器返回,同时不影响相互之间的切换整理一下解决方法和使用方法: 1.在路由配置中给这个路由添加meta信息,比如: { path: '/ ...
帝国模板变量更新后页面不更新
如果你用的是动态页面,动态页面有缓存,要马上更新缓存到数据更新中心删除临时文件就能更新如果你用的是静态页面,生成内容页时要选择刷新全部才会更新已经生成的信息转载于:https://my.oschi ...
idea修改项目代码，浏览器页面不生效解决方案
使用快捷键ctrl + shift + delete,清理浏览器缓存 1.问题描述 idea修改前端项目代码,运行谷歌浏览器不起作用. 我也试过 rebuild project, 重启idea,等方法 ...
vue低级错误（浏览器页面，后台页面全部正常）
所有数据都正常,前后台都没有错误但是,就是显示页面怎么改都不会正确样式怎么改都不会变就是页面反常登陆注册怎么都不会消失用户信息也不正确所有的一切都没有错,但是就是这样不正常最后.最后.最 ...

最新文章

热门文章