作品简介
百事通问答是一款功能强大的智能问答工具。它依托海量知识储备，无论你是想了解生活窍门、学习难点，还是工作中的专业疑惑，只需输入问题，就能瞬间获得精准解答，以简洁易懂的方式呈现，随时随地为你答疑解惑。
技术架构
百事通问答在技术架构上极具特色，运用全后端分离模式，前端精心选用 Vue.js 搭建，交互流畅、界面友好。其智能核心则借力腾讯云的 AI 服务，在自然语言理解与生成方面表现卓越，精准抓取问题意图、快速产出优质答案。
开发环境
系统：win11
开发工具：VSCode
开发环境为：node-v23.6.0-win-x64
开发流程
1、解压并配置node.js环境变量
2、使用npm i命令初始化项目
3、使用npm run dev启动项目
关键技术
在这里面我们进行了一些样式修改，比如背景颜色还有我们的主题说明
腾讯云AI代码助手功不可没
1、更好的帮助我们理解代码
2、可以生成解析
const responsePromise = fetch('/v1/chat/completions', {method: 'POST',headers: {'Content-Type': 'application/json',Authorization: `Bearer${apiKey ? ` ${apiKey}` : ''}`,},body: JSON.stringify({messages, // 消息列表model: 'hunyuan-pro', // 模型stream: true, // 流式}),signal,}).catch((e) => {const msg = e.toString() || '流式接口异常';complete?.(false, msg);return Promise.reject(e); // 确保错误能够被后续的.catch()捕获});responsePromise.then((response) => {if (!response?.ok) {complete?.(false, response.statusText);fail?.();throw new Error('Request failed'); // 抛出错误以便链式调用中的下一个.catch()处理}const reader = response.body.getReader();const decoder = new TextDecoder();if (!reader) throw new Error('No reader available');const bufferArr = [];let dataText = ''; // 记录数据const event = { type: null, data: null };3、增加标识内容
给我们的页面增加title
4、我们还有点赞成功的提示
以上是我们这个工具使用腾讯云AI的部分内容，有了腾讯云AI代码助手让我们对代码的理解和编写有了更深的研究。
使用说明
1、解压并配置node.js环境变量
2、使用npm i命令初始化项目
3、使用npm run dev启动项目
4、访问http://localhost:3005/进行提问即可。
效果展示
效果展示视频的地址：bilibili.com/video/BV1M5rCYmErT/