diff --git a/web/src/views/firewall/CreateModal.vue b/web/src/views/firewall/CreateModal.vue
index 92354439..f1f2a9e5 100644
--- a/web/src/views/firewall/CreateModal.vue
+++ b/web/src/views/firewall/CreateModal.vue
@@ -64,12 +64,15 @@ const createModel = ref({
   protocol: 'tcp',
   port_start: 80,
   port_end: 80,
-  address: [],
+  address: [] as string[],
   strategy: 'accept',
   direction: 'in'
 })
 
 const handleCreate = async () => {
+  if (!createModel.value.address.length) {
+    createModel.value.address.push('')
+  }
   for (const address of createModel.value.address) {
     useRequest(
       firewall.createRule({