Vue项目重新部署后,提示用户刷新网页

vue项目部署后,如果用户没刷新页面,浏览器其实加载的还是旧的js文件,如何解决呢?

网上很多方案:
1:websocket监听,需要后台配置
2: 前端header传一个参数,和后台去匹配,类似登录超时功能,需要后台配置
3,前端生成json文件,存储版本号,通过接口调用这个json文件,不需要后台配合

我选择的是第三种。我是用的vite,和webpack差不多

直接上代码:

第一步:
新建一个update-version.js文件

const fs = require('fs');
const path = require('path');

const versionNumber = new Date().getTime();

const fileContents = {
   
  version: versionNumber.toString()
};
//build时,会自动在dist目录生成一个json文件
fs.writeFileSync
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xingchen678

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值