ollama-vue-demo

• 本地部署ollama来提供服务，使用vue3来渲染UI，实现简单的对话模式。整个项目非常简单，非常适合学习js请求流式数据及自动码字的交互实现。 [](https://tdesign.tencent.com/chat/components/chat-loading 这块的页面也可以优化)

基本介绍

• 使用了ollama的http://localhost:11434/api/chat提供服务，流式返回数据

• 使用vue3+tdesign 来完成页面的渲染和布局。

• 默认使用的model是llama3.2:latest，可以更加需要自己更换为deepseek-r1:1.5b或qwen等。

  body: JSON.stringify({
      messages, // 消息列表
      model: 'llama3.2:latest', // 模型
      stream: true, // 流式
    }),

项目运行

# Install
npm i 
npm run dev

插件发布

npm build 先打包----登录-----发布----拉取

npm login --registry=http://192.168.111.231:8081/repository/npm-hosted/ yijiebin yijiebin

npm publish 发布到服务器端

pnpm install ollama-vue-demo --registry=http://192.168.111.231:8081/repository/npm-group/ 安装

pnpm up ollama-vue-demo@latest --registry=http://192.168.111.231:8081/repository/npm-group/ 安装

npm install [email protected] npm login --registry= https://registry.npmjs.com/ npm publish --registry=https://registry.npmjs.org npm login --registry= pnpm up ollama-vue-demo --registry=http://192.168.111.231:8081/repository/npm-group/

npm publish