# AI-web

**Repository Path**: lpy1212/ai-web

## Basic Information

- **Project Name**: AI-web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-10
- **Last Updated**: 2025-10-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AI智能问答助手

一个基于Vue 3开发的AI智能问答应用，支持联网搜索和流式回答输出。

## 功能特性

- 💬 **智能问答**：与AI助手进行自然语言对话
- 🔍 **联网搜索**：自动搜索相关信息并展示
- ⚡ **流式输出**：实时显示AI的回答过程
- 📱 **响应式设计**：适配各种屏幕尺寸
- 🎨 **现代化UI**：简洁美观的用户界面

## 技术栈

- Vue 3
- Vite
- JavaScript
- CSS

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## 配置真实API密钥

当前项目使用的是模拟数据，要使用真实的AI服务，请按照以下步骤配置：

1. 选择一个大模型API提供商（如OpenAI、百度文心一言、阿里云通义千问等）

2. 获取API密钥

3. 在 `src/services/aiService.js` 文件中，替换模拟实现为真实的API调用。文件中已经包含了OpenAI API的示例代码，你可以参考并根据你选择的API进行调整。

4. 建议将API密钥存储在环境变量中，创建一个 `.env` 文件：

```
VITE_OPENAI_API_KEY=your_api_key_here
```

## 项目结构

```
src/
├── App.vue           # 主应用组件
├── main.js           # 应用入口
├── style.css         # 全局样式
├── services/
│   └── aiService.js  # AI服务接口
└── components/       # 组件目录
```

## 使用说明

1. 在输入框中输入你的问题
2. 点击发送按钮或按Enter键提交
3. 观看AI的流式回答过程
4. 查看相关的搜索结果