vue.js客服系统实时聊天项目开发(八)使用axios post请求访客初始化接口
2023-03-07 09:42:36 时间
访客的初始化,很多人可能会认为放到链接websocket的时候,通过ws去发送给服务端
但是这样会有一定的问题,因为如果网络不稳定或者ws链接断了,会进行不停的重连,这样会造次多次请求初始化流程
所以我会在链接websocket之前,调用一个HTTP的访客初始化接口,这样也方便进行限流,各种账户异常问题判断等逻辑
在main.js中通过原型把axios 传递进来
import axios from 'axios'
Vue.prototype.$axios= axios
在业务逻辑里面进行调用
<script>
export default {
name: 'ChatApp',
data() {
return {
visitor:{
to_id:"",
visitor_id:"",
},
}
},
methods: {
visitorLogin(){
let entId=tools.getQuery("ent_id");
let toId=tools.getQuery("to_id");
var _this=this;
this.$axios.post(this.ApiHost+'/visitor_login', {
ent_id:entId,
to_id:toId,
}).then(function (response) {
var code=response.data.code;
var msg=response.data.msg;
if(code!=200){
_this.$message({
message: msg,
type: 'error'
});
return ;
}
let result=response.data.result;
_this.visitor.to_id=result.to_id;
_this.visitor.visitor_id=result.visitor_id;
}).catch(function (error) {
_this.$message({
message: error.message,
type: 'error'
});
});
},
},
mounted: function () {
this.visitorLogin();
}
}
</script>
这样就完成了发送post请求到访客初始化接口,会生成一个访客ID,前端需要把这个访客ID进行保存一下
相关文章
- 在 Go 里用 CGO?这 7 个问题你要关注!
- 9款优秀的去中心化通讯软件 Matrix 的客户端
- 求职数据分析,项目经验该怎么写
- 在OKR中,我看到了数据驱动业务的未来
- 火山引擎云原生大数据在金融行业的实践
- OpenHarmony富设备移植指南(二)—从postmarketOS获取移植资源
- 《数据成熟度指数》报告:64%的企业领袖认为大多数员工“不懂数据”
- OpenHarmony 小型系统兼容性测试指南
- 肯睿中国(Cloudera):2023年企业数字战略三大趋势预测
- 适用于 Linux 的十大命令行游戏
- GNOME 截图工具的新旧截图方式
- System76 即将推出的 COSMIC 桌面正在酝酿大变化
- 2GB 内存 8GB 存储即可流畅运行,Windows 11 极致精简版系统 Tiny11 发布
- 迎接 ecode:一个即将推出的具有全新图形用户界面框架的现代、轻量级代码编辑器
- loongarch架构介绍(三)—地址翻译
- Go 语言怎么解决编译器错误“err is shadowed during return”?
- 敏捷:可能被开发人员遗忘的部分
- Denodo预测2023年数据管理和分析的未来
- 利用数据推动可持续发展
- 在 Vue3 中实现 React 原生 Hooks(useState、useEffect),深入理解 React Hooks 的