vue3-web-deepseek基于vue3.5集成deepseek流式ai问答助手

xiaoyan_2018 2025-05-11 07:17:11

基于vue3.5+vite6接入deepseek-v3大模型，从0-1实战纯撸网页版仿deepseek/豆包流式输出AI对话小助手Vue3WebSeek。支持dark+light主题模式、上下文多轮对话、代码高亮、会话本地储存等功能。

编码工具：Vscode
技术框架：vite^6.2.0+vue^3.5.13+vue-router^4.5.0
AI模型框架：DeepSeek-R1 + OpenAI
组件库：arco-design^2.57.0 (字节桌面端组件库)
状态管理：pinia^3.0.1
本地存储：pinia-plugin-persistedstate^4.2.0
高亮插件：highlight.js^11.11.1
markdown解析：markdown-it

项目结构目录

整个项目使用vite6.x搭建项目模板，整合最新deepseek-v3模型。采用vue3.5 setup语法开发。

基于Vite6+Deepseek+ArcoDesign+Markdown构建网页版AI流式

基于electron35+vue3.5+deepseek+arco实战桌面端AI流式聊天系

基于uni-app+vue3+deepseek+uv-ui仿DeepSeek流式AI聊天模板

...全文

31 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

项目概述：本项目是一款基于Vue3和星火大模型的AI对话应用，命名为Spark-Web-JS。主要采用JavaScript进行开发，辅以Vue.js框架，并结合CSS与HTML进行界面设计。项目包含共31个文件，具体构成如下：JavaScript文件8个，Vue组件5个，样式表CSS 4个，SVG图形3个，忽略配置文件.gitignore 2个，图标文件ico 2个，图片文件png 2个，HTML文件2个，开源协议LICENSE文件1个，Markdown说明文件1个。本应用在开发过程中参考了官方API文档，并借鉴了其他优秀的开源项目，旨在为用户提供优质的AI对话体验。

Springboot Vue2 elementUI集成各大AI大模型平台开发的智能问答助手，文本对话模型支持流式响应，现已接入OpenAi、chatGpt、讯飞星火、文心一言、Ollama，以及主流AI绘图Midjourney 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！

该项目是一款基于Springboot、Vue2和ElementUI框架的HugAi智能问答助手开源设计源码，包含601个文件，包括572个Java源文件、17个XML配置文件、2个YAML文件、2个文本文件、1个Git忽略文件、1个许可证文件、1个Markdown文件、1个Dockerfile、1个Shell脚本和1个SQL文件。HugAi集成了OpenAi、chatGpt、讯飞星火、文心一言等AI大模型平台，支持流式响应，并能接入Midjourney、Stable Diffusion等AI绘图工具，旨在帮助用户搭建个性化的AI聊天室。

当然,我很乐意为您提供详细的代码说明。以下是对您提供的使用 Express 和 Vue3 搭建的 ChatGPT 演示网页代码的 500 字说明: 该项目采用了前后端分离的架构,后端使用 Node.js 和 Express 框架搭建了一个简单的服务器,用于处理客户端发送的请求并与 OpenAI 的 ChatGPT API 进行交互。前端则使用了流行的 Vue.js 3 框架构建了一个交互式的聊天界面,让用户可以方便地与 ChatGPT 进行对话。后端代码位于 server.js 文件中,它首先导入了 Express、CORS 和 OpenAI 等必需的模块和库。然后,它创建了一个 Express 应用程序实例,并配置了 CORS 中间件以允许跨域请求。接下来,它定义了一个 POST 路由 "/chat",用于处理客户端发送的聊天消息。在该路由中,服务器会从请求体中获取用户输入的消息,并使用 OpenAI 库调用 ChatGPT API 进行回复。由于 ChatGPT API 有一定的延迟,服务器使用了 async/await 语法来等待 API 的响应。

基于开源项目Chatgpt-web, 增加了在线聊天室功能,支持Markdown格式信息显示可以更好的讨论代码.zip 1、该资源内项目代码经过严格调试，下载即用确保可以运行！ 2、该资源适合计算机相关专业(如计科、人工智能、大数据、数学、电子信息等)正在做课程设计、期末大作业和毕设项目的学生、或者相关技术学习者作为学习资料参考使用。 3、该资源包括全部源码，需要具备一定基础才能看懂并调试代码。基于开源项目Chatgpt-web, 增加了在线聊天室功能,支持Markdown格式信息显示可以更好的讨论代码.zip 1、该资源内项目代码经过严格调试，下载即用确保可以运行！ 2、该资源适合计算机相关专业(如计科、人工智能、大数据、数学、电子信息等)正在做课程设计、期末大作业和毕设项目的学生、或者相关技术学习者作为学习资料参考使用。 3、该资源包括全部源码，需要具备一定基础才能看懂并调试代码。基于开源项目Chatgpt-web, 增加了在线聊天室功能,支持Markdown格式信息显示可以更好的讨论代码.zip 1、该资源内项目代码经过严格调试，下载即用确保可以运行！ 2、该资源适合..

1,935

社区成员

866

社区内容

发帖

与我相关

我的任务

前端技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

亲爱的CSDN小伙伴你们好，我是一个全新的社区，成立之初请CSDN的小伙伴们帮忙推广一下我们VUE社区，欢迎大家来这里讨论VUE相关问题哦～

另外对社区做出重大贡献者，可以联系版主授予称号～

试试用AI创作助手写篇文章吧

+ 用AI写文章