feat(fake-server): 模拟 XML 数据并增强 API 页面解析功能

- 新增 XML 模拟数据路由，提供示例 XML 文档 - 在 API 页面中集成 XML 请求和解析功能 - 使用 Axios 请求 XML 数据，并通过 DOMParser 解析 - 展示 XML 字符串和解析后的结果
2025-09-02 15:43:09 +08:00
parent f0a65d16f7
commit b9e6a139b7
2 changed files with 67 additions and 0 deletions
--- a/fake/xml.fake.ts
+++ 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 = `<?xml version="1.0" encoding="UTF-8"?>
+<note>
+  <to>George</to>
+  <from>John</from>
+  <heading>Reminder</heading>
+  <body>Don't forget the meeting at 3 PM today.</body>
+  <meta>
+    <id>42</id>
+    <createdAt>2025-09-02T10:00:00Z</createdAt>
+  </meta>
+</note>`;
+
+      res.writeHead(200, { 'Content-Type': 'application/xml; charset=UTF-8' });
+      res.end(xml);
+    },
+  },
+]);