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