腾讯云AI代码助手编程挑战赛-百事一点通

作品简介

百事通问答是一款功能强大的智能问答工具。它依托海量知识储备，无论你是想了解生活窍门、学习难点，还是工作中的专业疑惑，只需输入问题，就能瞬间获得精准解答，以简洁易懂的方式呈现，随时随地为你答疑解惑。

技术架构

百事通问答在技术架构上极具特色，运用全后端分离模式，前端精心选用 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