diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 6d6fe86025cdb6b6143dbdd66bebae7d7d7e2117..06ff3180d793ae352dcc7eb586e033d5c85d4dd6 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="login-wrapper">
+    <span v-if="isDevelopment || useEnvironment === 'dev'" class="server-ip" @click="setServerIpVisible = true"><a-icon type="desktop" />服务器IP: {{ serverIp }}</span>
     <a-card class="login-card" hoverable>
       <a-card-meta title="欢迎登录" style="text-align: center" description="" />
       <br>
@@ -13,6 +14,9 @@
         <a-button :loading="loading" icon="login" type="primary" html-type="submit" class="btn-login">登 录</a-button>
       </a-form>
     </a-card>
+    <a-modal v-model="setServerIpVisible" title="IP设置" @ok="handleIpSet" @keyup.native.enter="handleIpSet">
+      <server-ip-set ref="serverIpSet" />
+    </a-modal>
   </div>
 </template>
 
@@ -20,20 +24,27 @@
 import { login } from '../../api/user'
 import { checkSystem } from '../../api/install'
 import sha1 from 'sha1'
+import ServerIpSet from '@/components/serverIp/index.vue'
+import { useEnvironment } from '../../../settings'
 export default {
+  components: {
+    ServerIpSet
+  },
   data() {
     return {
       loading: false,
       loginForm: this.$form.createForm(this, { name: 'login-form' }),
       setServerIpVisible: false,
       isDevelopment: process.env.NODE_ENV === 'development',
+      serverIp: '',
+      useEnvironment
     }
   },
   created() {
     this.checkSystem()
+    this.serverIp = localStorage.getItem('mini_serverIp')
   },
   methods: {
-    // 检查是否需要初始化
     checkSystem() {
       checkSystem().then(res => {
         if (res.code === 900) {
@@ -47,7 +58,6 @@ export default {
         }
       })
     },
-    // 登录
     handleLogin(e) {
       e.preventDefault()
       this.loginForm.validateFields((err, values) => {
@@ -63,9 +73,7 @@ export default {
                 message: res.msg,
                 duration: 2
               })
-              // 调用 store action 存储当前登录的用户名和 token
               this.$store.dispatch('login', { token: res.data.token, longTermToken: res.data.longTermToken }).then(() => {
-                // 跳转主页面
                 this.$router.push({ path: '/' })
               })
             }
@@ -74,6 +82,15 @@ export default {
           })
         }
       })
+    },
+    handleIpSet() {
+      this.$refs.serverIpSet.handleSubmit().then(() => {
+        this.$notification.success({ message: '修改服务器IP成功' })
+        this.setServerIpVisible = false
+        location.reload()
+      }).catch(() => {
+        this.$notification.error({ message: '请输入正确的IP' })
+      })
     }
   }
 }