🚩 增加Dns功能优化性能

2024-03-02 19:48:03 +08:00
parent 39f1774a2b
commit fcacfb9a04
15 changed files with 294 additions and 191 deletions
@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import {useStyleStore} from "~/stores/style";
+
+const {t} = useI18n()
+
+const route = useRoute();
+const {domain} = route.params;
+
+const domainData = domain.replace(/_/g, '.')
+const {data, pending, error, refresh} = await useAsyncData(
+    'dns',
+    () => $fetch('/api/dns', {
+      method: 'POST',
+      body: JSON.stringify({domain: 'xukangr.com'})
+    })
+)
+
+const styleStore = useStyleStore()
+styleStore.setIsPage(true)
+
+useHead({
+  title: `${domainData} - ${t('result.title')}`,
+  meta: [
+    {
+      hid: 'description',
+      name: 'description',
+      content: t('result.description', {domain: domainData})
+    }
+  ]
+})
+</script>
+
+<template>
+  <div class="mt-5">
+    <div class="bg-white shadow-lg rounded-lg overflow-hidden">
+      <div class="p-6">
+        <h2 class="text-2xl font-bold text-gray-800 mb-6">DNS查询结果</h2>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <div>
+            <h3 class="font-semibold text-lg text-blue-600 mb-2">A记录</h3>
+            <div class="border rounded-lg p-4 bg-blue-50">
+              <ul class="list-none space-y-2">
+                <li v-for="(record, index) in data.A" :key="'a-record-' + index" class="flex justify-between items-center">
+                  <span class="font-medium text-gray-700">IP:</span>
+                  <span class="font-normal text-gray-600">{{ record.Record }}</span>
+                  <span class="text-sm text-gray-500">TTL: {{ record.TTL }}</span>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div>
+            <h3 class="font-semibold text-lg text-green-600 mb-2">NS记录</h3>
+            <div class="border rounded-lg p-4 bg-green-50">
+              <ul class="list-none space-y-2">
+                <li v-for="(record, index) in data.NS" :key="'ns-record-' + index" class="flex justify-between items-center">
+                  <span class="font-normal text-gray-600">{{ record.Record }}</span>
+                  <span class="text-sm text-gray-500">TTL: {{ record.TTL }}</span>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="md:col-span-2">
+            <h3 class="font-semibold text-lg text-purple-600 mb-2">SOA记录</h3>
+            <div class="border rounded-lg p-4 bg-purple-50">
+              <ul class="list-none space-y-2">
+                <li><span class="font-medium text-gray-700">MName:</span> <span class="font-normal text-gray-600">{{ data.SOA.MName }}</span></li>
+                <li><span class="font-medium text-gray-700">Email:</span> <span class="font-normal text-gray-600">{{ data.SOA.Email }}</span></li>
+                <li><span class="font-medium text-gray-700">Serial:</span> <span class="font-normal text-gray-600">{{ data.SOA.Serial }}</span></li>
+                <li><span class="font-medium text-gray-700">Refresh:</span> <span class="font-normal text-gray-600">{{ data.SOA.Refresh }}</span></li>
+                <li><span class="font-medium text-gray-700">Retry:</span> <span class="font-normal text-gray-600">{{ data.SOA.Retry }}</span></li>
+                <li><span class="font-medium text-gray-700">Expire:</span> <span class="font-normal text-gray-600">{{ data.SOA.Expire }}</span></li>
+                <li><span class="font-medium text-gray-700">Minimum TTL:</span> <span class="font-normal text-gray-600">{{ data.SOA.MinimumTTL }}</span></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- 公告部分 -->
+  <CommonBulletin v-if="error" class="mt-5"  >
+    <template #text>
+      <Icon name="bx:error" size="16px" color="red" />
+      {{ t('error.notFound') }}
+    </template>
+  </CommonBulletin>
+
+</template>
+
+<style scoped>
+
+</style>