diff --git a/package.json b/package.json
index e170a0567a00d4303f539d7fea08750f0d78a0cb..dee781da4aab15cb2c1fa851b263dd2f10ebad47 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "axios": "^1.5.0",
+    "dns-packet": "^5.6.1",
     "element-plus": "^2.3.12",
     "guess": "^1.0.2",
     "js-md5": "^0.7.3",
diff --git a/src/views/DNS.vue b/src/views/DNS.vue
index f45c052df56cf0a9aab6b460ca81c7d35682cabe..bf5106fe18b93af458ae90e0de2e93eee8e58d83 100644
--- a/src/views/DNS.vue
+++ b/src/views/DNS.vue
@@ -1,21 +1,21 @@
 <template>
-
     <button @click="parseHanle">解析</button>
-
 </template>
 
 
 <script setup>
-import axios from "axios";
-const dns = require("dns");
-
+// import dns from 'dns'
 // 域名解析处理器
-async function parseHanle(){
-    console.log(dns);
+async function parseHanle() {
+    dns.lookup("meibug.cn", (err, address, family) => {
+      if (err) {
+        console.log(err)
+      } else {
+        console.log(`IP address: ${address}`)
+      }
+    })
 }   
 </script>
 
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file