diff --git a/apps/web-antd/src/views/demos/antd/index.vue b/apps/web-antd/src/views/demos/antd/index.vue
index b3b05cc1..efb9ed5b 100644
--- a/apps/web-antd/src/views/demos/antd/index.vue
+++ b/apps/web-antd/src/views/demos/antd/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Page } from '@vben/common-ui';
+import { alert, Page } from '@vben/common-ui';
 
 import { Button, Card, message, notification, Space } from 'ant-design-vue';
 
@@ -30,6 +30,12 @@ function notify(type: NotificationType) {
     type,
   });
 }
+
+const openAlert = () => {
+  alert({
+    content: 'How many roads must a man walk down',
+  })
+}
 </script>
 
 <template>
@@ -51,6 +57,7 @@ function notify(type: NotificationType) {
         <Button danger @click="error"> 错误 </Button>
         <Button @click="warning"> 警告 </Button>
         <Button @click="success"> 成功 </Button>
+        <Button @click="openAlert"> 打开Alert </Button>
       </Space>
     </Card>
 
diff --git a/apps/web-antd/vite.config.mts b/apps/web-antd/vite.config.mts
index b6360f1d..4480f7ad 100644
--- a/apps/web-antd/vite.config.mts
+++ b/apps/web-antd/vite.config.mts
@@ -6,6 +6,7 @@ export default defineConfig(async () => {
     vite: {
       server: {
         proxy: {
+          port: 8866,
           '/api': {
             changeOrigin: true,
             rewrite: (path) => path.replace(/^\/api/, ''),