diff --git a/src/components/.keep b/src/components/.keep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/components/serverIp/.keep b/src/components/serverIp/.keep
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/src/components/serverIp/index.vue b/src/components/serverIp/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..27378b503914cf684b5dc6f4481b67b36df16fee
--- /dev/null
+++ b/src/components/serverIp/index.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <a-form-model :wrapper-col="{ span: 20 }" :label-col="{ span: 4 }">
+      <a-form-model-item label="服务器IP">
+        <a-input v-model="serverIp" />
+      </a-form-model-item>
+    </a-form-model>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      serverIp: ''
+    }
+  },
+  created() {
+    this.serverIp = localStorage.getItem('mini_serverIp')
+  },
+  methods: {
+    handleSubmit() {
+      return new Promise((resolve, reject) => {
+        let reg = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/
+        if (reg.test(this.serverIp)) {
+          if (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256) {
+            localStorage.setItem('mini_serverIp', this.serverIp)
+          }
+          return resolve()
+        }
+        return reject()
+      })
+    }
+  }
+}
+</script>