超级会员免费看
本文档详细介绍了如何使用 Vue 和 Axios 调整 Stable-Diffusion 的文生图 API，包括 TypeScript 类型定义、响应式数据绑定、配置代理以及图片渲染。通过在 Vue 项目中创建 TypeScript 文件，设置组件输入，使用 Axios 进行 API 请求，并结合 Swiper 组件展示生成的图片。
原理
上一篇内容中，我们已经将文生图功能的整体UI界面设计好了，这一篇内容将通过调用sd的API，使得我们设计的UI与sd进行联动起来，完整的实现sd的文生图的功能，其原理图如下
前端与服务端的交互目前用的最多的就是通过Axios向服务端发送http的post或者get请求，然后服务端给前端返回数据，前端进行渲染
文生图API
通过在sd的启动参数中加入--api来使得sd可以作为服务端对外提供API调用的能力
编辑sd根目录下webui-user.bat文件，加入启动参数
@echo off
set PYTHON=
set GIT=
set VENV_DIR=
set COMMANDLINE_ARGS=--api
call webui.bat
sd启动后在浏览器中访问地址http://127.0.0.1:7860/docs，然后可以看到列出了sd对台提供的一系列API。文生图的API为/sdapi/v1/txt2img，在这个界面中我们可以直接填入对应的参数进行API的调用，并且可以查看到结果！
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
