项目地址：http://friend.dangzg.cn

账号(同密码)：admintest

源码：https://github.com/1968210376/friend-frontend.git



基于 Vue 3 + Vant UI 的移动端网站，包括用户登录、更新个人信息、按标签搜索用户、建房组队、推荐相似用户等功能。

• 前端使用 Vant UI 组件库，并封装了全局通用的 Layout 组件，使主页、搜索页、组队页布局一致、并减少重复代码打包后代码体积减小30％。
• 基于 Vue Router 全局路由守卫实现了通过通配符以及是否携带 session 拦截非法提高安全性。
• 使用axios请求/响应拦截器，统一打印日志。
• 根据不同页面来动态切换导航栏标题，并通过在全局路由配置文件扩展 title 字段来减少无意义的 if else代码。
•使用路由懒加载，优化首屏启渲染速度，首屏渲染时间减少30％。
• 使用 TypeScript 类型定义保证项目编码规范，提高项目的质量
• 头像上传图床减小服务器储存压力。