技术栈: Vue3 + Vue-Router + Pinia + Axios + VantUl + Echarts
项目描述: 本产品是连接医生和患者的移动医疗行业APP,通过高效、快速的在线问诊服务,为患者提供健康帮助,涵盖了找医生、快速问诊、开药门诊、病例查询、健康百科等功能。
责任描述:
•配置路由白名单,实现在未登陆情况下点击默认跳转至login页面,但在例如忘记密码,注册,各类提醒等页面不进行跳转
•使用JWT进行身份认证,将用户信息发送到后端进行校验,校验通过后进行编码后得到一个JWT token,这个JWT token带有签名信息,后端接收后可以校验是否被篡改,用于在各方之间安全地将信息作为Json对象传输
•二次封装 axios,配置请求拦截器、响应拦截器,对后端返回的响应状态码进行判断
•在vue.config.js中通过配置proxy实现代理跨域
•在后端接口还没完善时,使用Mock模拟后端数据,进行自测
•使用websocket技术,实现在线聊天功能
•根据项目需求,封装弹层组件,通过嵌套路由实现底部导航栏
•使用Echarts实现地图下钻功能,基于百度地图API