> ## Documentation Index
> Fetch the complete documentation index at: https://javaai.pig4cloud.com/llms.txt
> Use this file to discover all available pages before exploring further.
# SSE 流式输出
* ⭐️ **请先 Star 本项目后再提问，作者精力有限，未 Star 直接 Close**
* 🐞 [GitHub ISSUE](https://github.com/pig-mesh/deepseek4j/issues) 需包含：问题截图 + SDK版本 + 配置代码
可以使用在线版本：[https://try.pig4cloud.com/sse.html](https://try.pig4cloud.com/sse.html)
项目提供了一个简单的 SSE 调试页面（[sse.html](https://github.com/pig-mesh/deepseek4j/blob/v1.2.0/sse.html)），用于实时查看与 deepseek4j 后端的交互过程。页面分为三个主要区域：
1. 原始数据区：显示 SSE 连接的原始响应数据
2. 推理过程区：展示 AI 的思考链路
3. 最终答案区：显示 AI 的最终回答
### 使用步骤
1. 双击运行项目根目录的 `sse.html` 文件
2. 在页面顶部输入框中填入后端 SSE 接口地址，例如：
```
http://localhost:8080/chat?prompt=你的问题
```
3. 点击"连接"按钮开始与后端交互
4. 实时观察推理过程和结果
5. 可以通过"断开"按钮终止连接，"清空"按钮清除历史记录
### 配置跨域
在 Spring Boot 后端需要配置跨域支持
可以通过在接口类上添加 `@CrossOrigin` 注解：
```java theme={"system"}
@CrossOrigin("*")
@GetMapping(value = "/chat", produces = MediaType.TEXT_EVENT_STREAM_VALUE)
public Flux chat(String prompt) {
return deepSeekClient.chatFluxCompletion(prompt);
}
```
### 前端集成参考
该调试页面提供了完整的前端实现代码，你可以参考以下关键部分进行项目集成：
1. SSE 连接建立：
```javascript theme={"system"}
const eventSource = new EventSource(url);
```
2. 消息处理：
```javascript theme={"system"}
eventSource.onmessage = (event) => {
const data = JSON.parse(event.data);
// 处理数据
};
```
3. 错误处理：
```javascript theme={"system"}
eventSource.onerror = (error) => {
// 处理错误
};
```
完整的实现代码可以在项目根目录的 `sse.html` 文件中找到。
**为Java开发者提供全栈式AI工程化解决方案**，强类型/高可维护性架构，内置30+主流大模型支持。
* **🔍 知识引擎体系**：RAG 知识引擎全自动化多模态解决方案
* **📝 AI-OCR 中枢**：复杂非标场景高精度识别
* **⚙️ 业务智能融合**：函数编排 + Chat2SQL，无缝对接现有业务系统
* **🛡️ N维风控体系**：敏感词/IP/Token/User 规则控制引擎
发现文档问题？点击此处直接在 GitHub 上编辑并提交 PR，帮助我们改进文档！
发现文档问题？点击此处直接在 GitHub 上编辑并提交 PR，帮助我们改进文档！