当前位置: 首页> 娱乐> 八卦 > 响应式网站原理_哪种网络营销方式最好_国外免费网站域名服务器查询_上海seo推广服务

响应式网站原理_哪种网络营销方式最好_国外免费网站域名服务器查询_上海seo推广服务

时间:2025/7/11 23:54:10来源:https://blog.csdn.net/weixin_43367987/article/details/143933637 浏览次数:0次
响应式网站原理_哪种网络营销方式最好_国外免费网站域名服务器查询_上海seo推广服务

1.项目使用的是git所以使用git仓库的短哈希作为版本更新标识,将该字符写入public文件,此处需要注意后端访问静态资源的路径。

在vue.config.js文件中写入

function excuteVersion() {const fs = require('fs')const { execSync } = require('child_process')
// 获取当前Git仓库的短提交哈希,将其存储在cmtId变量中const cmtId = execSync('git rev-parse --short HEAD').toString().trim()
// 将cmtId写⼊到public⽬录下的v.txt⽂件中const versionFile = path.join(process.cwd(), 'public/static/market', 'version.txt')fs.writeFileSync(versionFile, cmtId)
}excuteVersion()

写入后 监听后端socket的版本更新消息通知
创建一个ts文件监听消息

export function wsListenVersion() {const wsStore = useWsStore();wsStore.on(WS_EVENT.VERSION_UPDATE,(data)=>{wsLogger(WS_STATUS.RECEIVED, WS_EVENT.VERSION_UPDATE, data);if (data.code === HTTP_CODE.SUCCESS) {showUpdateModal(data.data.new)}})
}

设置通知的样式

export function showUpdateModal(newCommitId: string) {const key = `open${newCommitId}`;notification.open({message: "页面已经发生了更新",description:"检测到当前页面内容已经发生了更新,请刷新页面后使用!",btn: () =>h(Button,{type: "primary",size: "small",onClick: () => {window.location.reload();notification.close(key);}},{default: () => "刷新"}),key,placement: "bottomRight"});
}

在首页加载创建socket连接成功后监听该通知

onMounted(()=>{
// 登录后初始化socket连接initWs()
})function initWs(): Promise<void> {return new Promise<void>(resolve => {wsStore.connect().then(() => {wsListenVersion();resolve();}).catch(reason => console.log("[ERROR][WS]", reason));});
}

以上通过学习参考该文章

https://blog.csdn.net/Ljq1041054607/article/details/140955141

关键字:响应式网站原理_哪种网络营销方式最好_国外免费网站域名服务器查询_上海seo推广服务

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: