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

news/2024/11/23 17:09:30/

因浏览器缓存原因导致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
  }),

如下图所示 


http://www.ppmy.cn/news/796785.html

相关文章

vue项目保存代码后浏览器页面自动更新

vue.config.js种添加如上红色色框内内容,其中8081替换为自己电脑的主机号

Edge浏览器驱动更新

昨天还跑的好好的,今天在跑就跳出这个错误: This version of MSEdgeDriver only supports MSEdge version 95 Current browser version is 97.0.1072.55 记录一下这个问题的解决经过:经查询,了解是需要同步更新Edge驱动&#xf…

如何禁止Chrome浏览器版本自动更新的方法

阿酷TONY,原创 2020-1-16 如何禁止Chrome浏览器版本自动更新的方法 谷歌Chrome浏览器通常每次会自动检查更新到最新版本,对于一些用习惯了老版本的朋友、或因某些调试需求想用一个固定版本的用户来说,简直抓狂,来吧,亲…

Html静态页面更新,解决浏览器缓存不更新问题

问题 在写静态网站的时候,经常回面临某些页面上传更新后,查看时会出现没有更新的清空,就是因为浏览器读取了缓存造成的,需要清空缓存刷新才可以看到页面的更新,但是有些用户不知道这些操作。就很头痛 浏览器缓存&…

google浏览器更新后,出现并行配置不正确问题

本文章的所有代码和相关文章, 仅用于经验技术交流分享,禁止将相关技术应用到不正当途径,滥用技术产生的风险与本人无关。 本文章是自己学习的一些记录。 问题所在 昨天更新了google浏览器,然后再重新启动的时候发现google浏览器…

Chrome浏览器更新后,无法调用Lodop打印

Chrome浏览器更新后,无法调用Lodop打印 环境&背景解决办法 环境&背景 环境:windows背景:项目使用Lodop打印二维码Lodop官方网站及介绍 解决办法 在地址栏里输入chrome://flags: 搜索框里搜索Native Client,…

Chrome浏览器更新失败

谷歌浏览器失败代码为:4: 0x80070005 – system level 应该是我用优化软件时,将谷歌更新服务选择禁止了,导致浏览器的更新服务启动不了。 解决办法: 1.winr,输入services.msc,进入服务管理窗口。 2.找到…

禁止Edge浏览器自动更新的办法

浏览器能用和稳定才是最重要的,不需要花里胡哨的的功能。频繁的强制更新edge浏览器让我感到了厌烦。因此,我决定禁止Edge更新。下面是我在网络上找到的方法 1.windows10搜索框中搜索服务,打开。找到Microsoft Edge更新服务。双击打开。 将启…