代码获取

git clone

参考资料

openwebui官网
https://docs.openwebui.com/getting-started/advanced-topics/development

后端启动

cd backend
pip install -r requirements.txt -U
sh dev.sh

后端启动成功后的界面

在这里插入图片描述
在cloudstudio提供的vscode弹出的提示中打开浏览器并在末尾输入/docs可以看到接口
在这里插入图片描述
###前端启动
1、修改后端端口
在这里插入图片描述
2、启动并运行
在这里插入图片描述
2、配置
在这里插入图片描述
3、修改跨域
如果未修改浏览器会提示后端未运行，f12查看控制台会有输出has been blocked by CORS policy:
在这里插入图片描述
具体修改处
在这里插入图片描述

# 学习
Logo
AI编程社区

汇聚全球AI编程工具，助力开发者即刻编程。

更多推荐

cover

码道 · 寻艺——从零构建“非遗交互式对话平台“的完整实践

avatar AI编程社区

码道：用 Python + FastAPI 快速构建一个学生信息管理接口：从零到 Swagger 在线文档

在日常开发和教学中，我们经常需要一套简单、可控、能快速上手的后端接口来演示"前后端分离"、练习 Restful API 设计，或者作为前端联调的 Mock 服务。传统做法往往是搭一套完整的 Web 工程：配置数据库、编写 DAO、引入 ORM、做请求分发……一套流程下来，光环境搭建就要花去不少时间，对于想快速验证想法、或者刚入门 API 开发的同学来说，显得过于沉重。

avatar AI编程社区

码道：从零构建学生信息管理系统 API：FastAPI 内存版 CRUD 项目全解析

FastAPI 的强大，很大程度上来自 Pydantic 的校验能力。我们写下类型声明，FastAPI 在运行时自动把它变成边界检查器。name：字符串，长度限制 1 到 50；age：整数，限制在 6 到 120 之间（ge大于等于、le小于等于）；gender：字符串，用正则限定只能是"男"“女”“其他”；email：邮箱格式字符串；grade与major：可选字段，代表班级和专业方向。

avatar AI编程社区