# ollama-chat-ui-vue

**Repository Path**: kirito-asuna/ollama-chat-ui-vue

## Basic Information

- **Project Name**: ollama-chat-ui-vue
- **Description**: 用于对接 ollama，VUE 版本，支持 Deepseek 标签，It is used to dock with ollama, VUE version, and supports Deepseek tags
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2025-02-26
- **Last Updated**: 2025-05-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Language

- [中文](https://gitee.com/kirito-asuna/ollama-chat-ui-vue/blob/main/README.md)
- [English](https://gitee.com/kirito-asuna/ollama-chat-ui-vue/blob/main/README_en.md)

---

## ollama-chat-ui-vue

使用`vue3 + vite + elementUi` 搭建的前端 chat,通过 ollama 可与模型对话,目前已经支持`deepseek`的独立思考标签和切换模型(联网查询后续支持)

## 前置工作

安装`ollama`,[ollama 官网地址](https://ollama.com/)
安装完`ollama`后，打开`cmd`，下载模型(我选了个最小的模型，[模型地址](https://ollama.com/library/deepseek-r1:1.5b))

```bash
ollama run deepseek-r1:1.5b
```

等待下载完成

## 启动 ollama

cmd 打开输入

```bash
ollama serve
```

等待服务启动

## 启动前端 ollama-chat-ui-vue

注意：node 版本选择 18.10.0

打开项目`cmd`安装依赖

```bash
npm install
```

启动项目

```bash
npm run dev
```

## 配置文件

src-api-aiSystem-ollama.js
vite.config

## 效果图

![image-2025219001](https://raw.githubusercontent.com/LovelittleBears/ollama-chat-ui-vue/refs/heads/main/962ea5381b71705703fe71d230863a3.png)

![image-2025219002](https://raw.githubusercontent.com/LovelittleBears/ollama-chat-ui-vue/refs/heads/main/ffb7499ec0eeaccfa348422faaf9b1b.png)

![image-2025219003](https://raw.githubusercontent.com/LovelittleBears/ollama-chat-ui-vue/refs/heads/main/1fba9f96a2cdfdd7592a97fdbc89617.png)

## 欢迎 Issues 交流

## 版权信息

开发不易如果内容帮助到您，请给我们点上星星。

遵循 MIT 开源协议发布，并提供免费使用