From 2454920f72240afed3812e235d83a5ba6ce1859d Mon Sep 17 00:00:00 2001
From: yigencong <yigencong@Yahoo.com>
Date: Mon, 24 Jun 2024 00:36:59 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20VConsole=E6=8E=A7=E5=88=B6=E5=8F=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/VConsole调试.html | 53 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 html/VConsole调试.html
diff --git a/html/VConsole调试.html b/html/VConsole调试.html
new file mode 100644
index 0000000..8ec9ffc
--- /dev/null
+++ b/html/VConsole调试.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>VConsole Example</title>
+    <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
+    <script>
+        // VConsole 会自动挂载到 `window.VConsole`
+        var vConsole = new window.VConsole();
+    </script>
+</head>
+<body>
+    <h1>VConsole Network Request Example</h1>
+    <button id="fetch-data">Fetch Data</button>
+    <button id="post-data">Post Data</button>
+    <script>
+        document.getElementById('fetch-data').addEventListener('click', function() {
+            // 发起一个网络请求
+            fetch('https://jsonplaceholder.typicode.com/posts/1?name=123')
+                .then(response => response.json())
+                .then(data => {
+                    console.log('Fetched Data:', data);
+                })
+                .catch(error => {
+                    console.error('Error:', error);
+                });
+        });
+
+         // Post request example
+         document.getElementById('post-data').addEventListener('click', function() {
+            fetch('https://jsonplaceholder.typicode.com/posts', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({
+                    title: 'foo',
+                    body: 'bar',
+                    userId: 1
+                })
+            })
+            .then(response => response.json())
+            .then(data => {
+                console.log('Posted Data:', data);
+            })
+            .catch(error => {
+                console.error('Error:', error);
+            });
+        });
+    </script>
+</body>
+</html>
