关键起点是明确responseType：纯文本预览需设responseType:'text'（UTF-8）或'responseType:blob'配合FileReader解码（GBK等）；PDF/图片等二进制文件用blob生成URL.createObjectURL预览。
明确 responseType 是关键起点
接口返回的是可预览的文件（如 txt、pdf、csv、log 等纯文本类），前端不直接下载，而是读取内容并渲染到页面，这时不能用默认的 json 或未设 responseType 的方式。必须显式指定 responseType: 'blob' 或 responseType: 'text'，取决于后端实际返回格式和编码兼容性。
处理 UTF-8 编码的文本文件（推荐直读）
若后端确保返回的是 UTF-8 编码的文本（如 /api/log?plain=true），可直接用 text 方式获取：
- 设置 responseType: 'text'，axios 会自动按 UTF-8 解码字符串
- 响应数据
res.data就是可直接绑定到或带white-space: pre-wrap的 div 中的原始文本 - 适合纯文本类预览，无需额外转码，性能开销最小
处理非 UTF-8 编码或不确定编码的文本（如 GBK/ANSI txt）
常见于 Windows 环境生成的 txt 文件，后端未做转码，直接用 text 模式会中文乱码。此时应走 blob → FileReader 流程：
Springboot Vue Builder
下载
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
- 请求时设 responseType: 'blob'
- 用
new FileReader()调用readAsText(blob, 'gbk')（需引入 text-encoding 库支持 GBK） - 在
onload中拿到解码后的字符串，赋值给响应式变量即可渲染 - 注意：原生 FileReader 不支持 GBK，必须借助 polyfill 或服务端统一转 UTF-8
安全预览二进制文件（如 PDF、图片）
若接口返回的是 PDF、PNG 等二进制流，且需内嵌预览（非下载），不建议转 base64（大文件易卡顿），推荐 Blob URL 方案：
- 请求设 responseType: 'blob'
- 用
URL.createObjectURL(res.data)创建临时地址 - 将该 URL 绑定到
（PDF）或 - 页面销毁前调用
URL.revokeObjectURL(url)防止内存泄漏
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
