场景: 在前后端分离的开发模式下,前端同事打包生成最新dist,交给后端同事,后端同事在tomcat,nginx等等中部署。如何检查更新是否部署成功呢?
1. 利用 document.lastModified
, 是否最新代码不知道, 但文档最新修改时间可以侧面反映前端dist文件是否更新成功
// 在App.vue等文件中添加如下代码
mounted() {
var print = console;
// 使用这种写法,可以绕过生产模式去除console.log (drop_console),实现在控制台打印信息
if (print && print.log) {
print.log(
"%cdocument lastModified:",
"color:#fff;background-color:green;border-radius:3px;font-size:4px;padding:2px 5px",
document.lastModified
);
}
},
最终效果如图:
2. Shift
+ F5
或者 network 勾选disable cache
+F5
刷新页面,拿vue/cli打包生成的dist为例
ohoo , check is so simple !