refactor: database init module

web/src/api/common.js

@@ -1,9 +1,9 @@
 import request from '../axios/index'
 
-// 初始化数据
-export function initData(param) {
+// 初始化数据库
+export function initDatabase(param) {
     return request({
-		url: '/init/data',
+		url: '/common/database/init',
 		method: 'post',
 		data: param,
 	})

web/src/views/Login.vue

@@ -35,30 +35,43 @@
 </template>
 
 <script setup>
-import { reactive } from 'vue';
+import { reactive, onMounted } from 'vue';
 import { UserOutlined, LockOutlined } from '@ant-design/icons-vue';
-import { useRouter } from 'vue-router'
+import { useRouter } from 'vue-router';
 import { userLogin } from '../api/user';
 import { message } from 'ant-design-vue';
-import { initData } from '../api/common';
+import { initDatabase } from '../api/common';
+
+// 初始化数据库（只会在生产环境中初始化）
+onMounted(() => {
+    if (formData.email == '1655064994@qq.com') {
+        message.loading('正在初始化数据...', 2.5).then(() => {
+            initDatabase().then((res) => {
+                if (res.data.code == 0) {
+                    message.success('初始化成功！', 2)
+                }
+                if (res.data.code == 10) {
+                    message.error('初始化失败！')
+                }
+            })
+        })
+    }
+})
 
 const router = useRouter()
 
-// 用户登录
 const formData = reactive({
     email: '1655064994@qq.com',
     password: '1655064994',
     remember: true,
-});
+})
+
+// 用户登录
 const onLogin = () => {
     let param = {
         email: formData.email,
         password: formData.password
     }
-    // 初始化数据
-    if (formData.email == '1655064994@qq.com') {
-        initSysData()
-    }
     userLogin(param).then((res) => {
         if (res.data.code == 0) {
             localStorage.setItem('uid', res.data.data.uid)
@@ -86,18 +99,6 @@ const forgotPass = () => {
 const toRegister = () => {
     router.push("/register")
 }
-
-// 初始化数据（只会在生产环境中初始化）
-const initSysData = () => {
-    initData().then((res) => {
-        if (res.data.code == 10) {
-            message.success('初始化数据成功！')
-        }
-        if (res.data.code == 11) {
-            message.error('初始化数据失败！')
-        }
-    })
-}
 </script>
 
 <style scoped>