diff --git a/apps/web-antd/.env.development b/apps/web-antd/.env.development
index 5d29cd97b..ca6a2c250 100644
--- a/apps/web-antd/.env.development
+++ b/apps/web-antd/.env.development
@@ -3,6 +3,8 @@ VITE_PORT=5666
 
 VITE_BASE=/
 
+# 请求路径
+VITE_BASE_URL='http://127.0.0.1:48080'
 # 接口地址
 VITE_GLOB_API_URL=/admin-api
 # 是否打开 devtools，true 为打开，false 为关闭
diff --git a/apps/web-antd/.env.production b/apps/web-antd/.env.production
index 0a03c27a7..177581ea0 100644
--- a/apps/web-antd/.env.production
+++ b/apps/web-antd/.env.production
@@ -1,5 +1,7 @@
 VITE_BASE=/
 
+# 请求路径
+VITE_BASE_URL='http://127.0.0.1:48080'
 # 接口地址
 VITE_GLOB_API_URL=/admin-api
 
diff --git a/apps/web-antd/src/views/infra/druid/index.vue b/apps/web-antd/src/views/infra/druid/index.vue
new file mode 100644
index 000000000..c7d5efa5c
--- /dev/null
+++ b/apps/web-antd/src/views/infra/druid/index.vue
@@ -0,0 +1,33 @@
+<script lang="ts" setup>
+import { Page } from '@vben/common-ui'
+import { DocAlert } from '#/components/doc-alert'
+import { IFrame } from '#/components/iframe'
+
+import { ref, onMounted } from 'vue'
+import { getConfigKey } from '#/api/infra/config'
+
+const loading = ref(true) // 是否加载中
+// TODO @芋艿：VITE_BASE_URL
+const src = ref(import.meta.env.VITE_BASE_URL + '/druid/index.html')
+
+/** 初始化 */
+onMounted(async () => {
+  try {
+    const data = await getConfigKey('url.druid')
+    if (data && data.length > 0) {
+      src.value = data
+    }
+  } finally {
+    loading.value = false
+  }
+})
+</script>
+
+<template>
+  <Page auto-content-height>
+    <DocAlert title="数据库 MyBatis" url="https://doc.iocoder.cn/mybatis/" />
+    <DocAlert title="多数据源（读写分离）" url="https://doc.iocoder.cn/dynamic-datasource/" />
+
+    <IFrame v-if="!loading" v-loading="loading" :src="src" />
+  </Page>
+</template>
diff --git a/apps/web-antd/src/views/infra/server/index.vue b/apps/web-antd/src/views/infra/server/index.vue
new file mode 100644
index 000000000..2ed97bd8c
--- /dev/null
+++ b/apps/web-antd/src/views/infra/server/index.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { Page } from '@vben/common-ui'
+import { DocAlert } from '#/components/doc-alert'
+import { IFrame } from '#/components/iframe'
+
+import { ref, onMounted } from 'vue'
+import { getConfigKey } from '#/api/infra/config'
+
+const loading = ref(true) // 是否加载中
+const src = ref(import.meta.env.VITE_BASE_URL + '/admin/applications')
+
+/** 初始化 */
+onMounted(async () => {
+  try {
+    // 友情提示：如果访问出现 404 问题：
+    // 1）boot 参考 https://doc.iocoder.cn/server-monitor/ 解决；
+    // 2）cloud 参考 https://cloud.iocoder.cn/server-monitor/ 解决
+    const data = await getConfigKey('url.spring-boot-admin')
+    if (data && data.length > 0) {
+      src.value = data
+    }
+  } finally {
+    loading.value = false
+  }
+})
+</script>
+
+<template>
+  <Page auto-content-height>
+    <DocAlert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
+
+    <IFrame v-if="!loading" v-loading="loading" :src="src" />
+  </Page>
+</template>
\ No newline at end of file
diff --git a/apps/web-antd/src/views/infra/skywalking/index.vue b/apps/web-antd/src/views/infra/skywalking/index.vue
new file mode 100644
index 000000000..d75b016f1
--- /dev/null
+++ b/apps/web-antd/src/views/infra/skywalking/index.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import { Page } from '@vben/common-ui'
+import { DocAlert } from '#/components/doc-alert'
+import { IFrame } from '#/components/iframe'
+
+import { ref, onMounted } from 'vue'
+import { getConfigKey } from '#/api/infra/config'
+
+const loading = ref(true) // 是否加载中
+const src = ref('http://skywalking.shop.iocoder.cn')
+
+/** 初始化 */
+onMounted(async () => {
+  try {
+    const data = await getConfigKey('url.skywalking')
+    if (data && data.length > 0) {
+      src.value = data
+    }
+  } finally {
+    loading.value = false
+  }
+})
+</script>
+
+<template>
+  <Page auto-content-height>
+    <DocAlert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
+
+    <IFrame v-if="!loading" v-loading="loading" :src="src" />
+  </Page>
+</template>
diff --git a/apps/web-antd/src/views/infra/swagger/index.vue b/apps/web-antd/src/views/infra/swagger/index.vue
new file mode 100644
index 000000000..229c0181e
--- /dev/null
+++ b/apps/web-antd/src/views/infra/swagger/index.vue
@@ -0,0 +1,32 @@
+<script lang="ts" setup>
+import { Page } from '@vben/common-ui'
+import { DocAlert } from '#/components/doc-alert'
+import { IFrame } from '#/components/iframe'
+
+import { ref, onMounted } from 'vue'
+import { getConfigKey } from '#/api/infra/config'
+
+const loading = ref(true) // 是否加载中
+const src = ref(import.meta.env.VITE_BASE_URL + '/doc.html') // Knife4j UI
+// const src = ref(import.meta.env.VITE_BASE_URL + '/swagger-ui') // Swagger UI
+
+/** 初始化 */
+onMounted(async () => {
+  try {
+    const data = await getConfigKey('url.swagger')
+    if (data && data.length > 0) {
+      src.value = data
+    }
+  } finally {
+    loading.value = false
+  }
+})
+</script>
+
+<template>
+  <Page auto-content-height>
+    <DocAlert title="接口文档" url="https://doc.iocoder.cn/api-doc/" />
+
+    <IFrame v-if="!loading" :src="src" />
+  </Page>
+</template>
\ No newline at end of file