feat(web):重构前端路由和配置管理

- 移除旧版全局变量定义，采用Vue Router管理页面跳转
- 新增配置文件统一管理游戏名称和注册码设置
-优化加载条逻辑，使用onMounted确保DOM元素正确获取
- 添加服务端配置接口，动态加载游戏配置信息
- 升级依赖包，引入vue-router支持单页应用
- 调整项目结构，分离服务器端代码至独立目录
- 配置Vite代理转发API请求到本地开发服务器
- 更新package.json脚本命令，支持前后端联合调试
- 引入pnpm workspace管理模式，提升多包协作效率

src/views/login.vue

@@ -0,0 +1,49 @@
+<script setup>
+import {reactive} from "vue";
+
+const servers = ref([])
+</script>
+
+<template>
+  <div class="wrapper pagebg">
+    <div class="dialog account" id="account-login">
+      <h2 class="title">{{$gameName}}</h2>
+      <input type="text" id="account" value="<?=isset($_COOKIE['account']) ? $_COOKIE['account'] : ''?>" placeholder="请输入<?=$_CONFIG['account_name']?><?=$_CONFIG['account_name_suffix']?>" onKeyUp="value = value.replace(/[\W]/g, '')" autocomplete="off" disableautocomplete>
+      <input type="password" id="password" value="<?=isset($_COOKIE['password']) ? $_COOKIE['password'] : ''?>" placeholder="请输入<?=$_CONFIG['account_name']?><?=$_CONFIG['password_name_suffix']?>">
+      <input type="password" id="password2" placeholder="请再次输入<?=$_CONFIG['account_name']?><?=$_CONFIG['password_name_suffix']?>" style="display: none;">
+      <select id="serverId" style="border: none; display: none; margin-bottom: 10px;">
+        <option value="0">请选择区服</option>
+        <option v-for="item in servers" :value="item.id">{{ item.name}}区</option>
+      </select>
+      <input type="text" id="email" placeholder="<?php if($_CONFIG['reg_code_open']): ?>请输入<?php if('email' == $_CONFIG['code_type']): ?>邮箱地址<?php else: ?>手机号<?php endif; ?><?php else: ?><?php if('email' == $_CONFIG['code_type']): ?>邮箱地址<?php else: ?>手机号<?php endif; ?>（选填）<?php endif; ?>，用于找回密码" style="display: none;" title="用于找回密码">
+      <div class="code" id="codeBox" style="display: none;">
+        <input type="text" id="code" placeholder="请输入验证码">
+        <a href="javascript:void(0);" id="getCode">获取验证码</a>
+      </div>
+      <div id="agree" class="agree">
+        <span><img data-v-427e1e01="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAVFBMVEWeICicICedISidISibIiadISeeISiOOTmdISeeISj///+aGSGcHiT68vOYFByhKjHRmZzqz9CzVlvx4OG4YWXJh4qpPUPkw8WkMjjdsrS/cXatR00P5JiiAAAACnRSTlPuTT//Gq+6A9iEOAr7KAAAAbBJREFUSMeVlte2gyAQRTHYcBBQiu3///OOMdZALvCUrHX2mYYAqao8Y2VN/l11ybK8qkiVv1hR04hVF+yVVwT1NaFRi9RIkIzVNHrVLCOsIPEAKRgpEwJgiJIk6ZEgUQlxAP5JKhLgnCYAHOg4ygQAwBnjEIsDAEDOSvUgooHRTHowkQCseqWbLh546wPA2e6r/4T6xp8SP/t9+M9vfQCQEtt9MnDqfSlxLpfe9OMVcLveB6x2StllG9D6n5/6dvqeg4BFaT3M46eQm76zywPgHAMMTaOVkQAf/6Hd9QpTvW8N4LJf+41ETwEbzJ296uVzewtwtnsLMDoVgi53PcADAGmmTdAO1gnxpb9H4HtCW0dmF/A/AOz4ocAyJqv8/geALbXdrm9a3Wm//xlh7Xl7EvvPp/+1hgWndCIB/+ukpTOXMgL+90nLxd6CePyvEfDjoc6orv3l//ge8Hjo7aB/+D8BgWnN2wD9/l+HAO65cU2rDfh7ANy1WHs3+P19x8y6sWdrzejz9wOCusWN1OcfOMg4B786CGC7QgRJv7KSL8Xkazf5Yk9+OiQ/TlKfP3/iYTk/HuYxLgAAAABJRU5ErkJggg=="></span>
+        我已阅读并同意 <a href="javascript:void(0);" id="agree_btn">用户协议及隐私协议<a/>
+      </div>
+      <a href="javascript:process_login();" id="submitButton" class="button fit">登 录</a>
+      <div style="display:flex;justify-content:center;gap:8px;font-size:12px" >
+        <div style="display:flex;align-items:center;flex-direction:column;gap:4px;cursor:pointer" id="linuxdoConnect">
+          <img src="static/img/linuxdo_logo.png" style="width:60px;height:60px" alt="Linux.Do登录"/>
+          <div>Linux.do</div>
+        </div>
+        <div style="display:flex;align-items:center;flex-direction:column;gap:4px;cursor:pointer" id="naixiConnect">
+          <img src="https://forum.naixi.net/favicon.ico" style="width:60px;height:60px" alt="奶昔登录"/>
+          <div>奶昔登录</div>
+        </div>
+      </div>
+      <div class="forget_password">
+        <a href="javascript:void(0);" id="forgetPassword" data-type="2">忘记密码?</a>
+        <a href="javascript:void(0);" class="pull-right" id="switchBtn" data-type="1">注册</a>
+      </div>
+    </div>
+    <div id="bg" class="gamebg" style="background-image: url(static/img/login_bg.jpg);"></div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>