1. 采用Vite作为构建工具,结合React框架和Typescript语言,确保了项目的稳定性和类型安全。同时,利用Material-UI、HTM
L、CSS以及styled-components等技术,打造了丰富且响应式的用户界面。
2. 通过Axios的二次封装,简化了与后端服务器的数据交互过程,提高了请求效率和代码可维护性。此外,借助Websocket技
术,实现了与AI之间实时的文字聊天功能,进一步增强了用户的交互体验。
3. 利用react-markdown库,优雅地展示了大型模型返回的信息内容。同时,通过fingerprintjs2技术获取浏览器指纹,实现了对
未登录用户的友好服务体验。另外,还集成了react-google-recaptcha-v3,实现了无感知的人机验证机制,有效防范了恶意攻
击和机器人滥用。
4 .采用redux进行全局状态管理,确保了应用状态的一致性和可预测性,从而提高了整体的应用响应速度和可维护性。同时,利用
Material-UI的theme功能实现了昼夜模式切换,并对常用组件进行了精心封装,进一步提升了用户的操作便捷性和视觉享受
5. 后端系