From b9e6a139b71abc4b725a66fc2a7e39ff150fab61 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= Date: Tue, 2 Sep 2025 15:43:09 +0800 Subject: [PATCH] =?UTF-8?q?feat(fake-server):=20=E6=A8=A1=E6=8B=9F=20XML?= =?UTF-8?q?=20=E6=95=B0=E6=8D=AE=E5=B9=B6=E5=A2=9E=E5=BC=BA=20API=20?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=A7=A3=E6=9E=90=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增 XML 模拟数据路由，提供示例 XML 文档 - 在 API 页面中集成 XML 请求和解析功能 - 使用 Axios 请求 XML 数据，并通过 DOMParser 解析 - 展示 XML 字符串和解析后的结果 --- fake/xml.fake.ts | 26 +++++++++++++++++++++++ src/pages/Page/API.page.vue | 41 +++++++++++++++++++++++++++++++++++++ 2 files changed, 67 insertions(+) create mode 100644 fake/xml.fake.ts diff --git a/fake/xml.fake.ts b/fake/xml.fake.ts new file mode 100644 index 0000000..75ef5e2 --- /dev/null +++ b/fake/xml.fake.ts @@ -0,0 +1,26 @@ +import { defineFakeRoute } from 'vite-plugin-fake-server/client'; + +// 通过 rawResponse 返回 XML 文本，便于在浏览器端演示 XML 解析 +export default defineFakeRoute([ + { + method: 'GET', + url: '/xml/sample', + rawResponse(_req, res) { + // 这里模拟一个简单的 XML 文档 + const xml = ` + + George + John + Reminder + Don't forget the meeting at 3 PM today. + + 42 + 2025-09-02T10:00:00Z + +`; + + res.writeHead(200, { 'Content-Type': 'application/xml; charset=UTF-8' }); + res.end(xml); + }, + }, +]); diff --git a/src/pages/Page/API.page.vue b/src/pages/Page/API.page.vue index ef498b5..f0c7e15 100644 --- a/src/pages/Page/API.page.vue +++ b/src/pages/Page/API.page.vue @@ -1,4 +1,6 @@