代码拉取完成，页面将自动刷新
npm install
首先启动后后台服务，对应的后台代码： hr-back
npm run serve
npm run build
本项目基于vue3.0构建，在某一些地方与vue2.x存在差异：
main.js中
用
app.config.globalProperties.postRequest=postRequest
app.config.globalProperties.postKeyValueRequest=postKeyValueRequest
app.config.globalProperties.putRequest=putRequest
app.config.globalProperties.deleteRequest=deleteRequest
app.config.globalProperties.getRequest=getRequest
代替
Vue.prototype.getRequest = getRequest;
Vue.prototype.postRequest = postRequest;
Vue.prototype.deleteRequest = deleteRequest;
Vue.prototype.putRequest = putRequest;
原方法：7.将请求方法挂到Vue上 博主的教程是基于vue 2.x进行开发，本项目基于vue 3来进行开发，在vue 3中，用config.globalProperties来添加全局实例方法，参考 插件 第4项。
在聊天页面message.vue中，原项目使用vue2 过滤器 来调整时间的显示格式
<span>{{entry.date | time}}</span>
filters: {
time(date) {
if (date) {
date = new Date(date);
}
return `${date.getHours()}:${date.getMinutes()}`;
}
}
在vue3中，过滤器被废除，参考vue3 过滤器 本项目定义了time方法来实现原先过滤器的功能。
<span>{{time(entry.date)}}</span>
methods:{
time(date) {
if (date) {
date = new Date(date);
}
return `${date.getHours()}:${date.getMinutes()}`;
}
}
更多本项目在开发中遇到的问题和技术点，请访问博客：
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。