前端静态登录页面实现

<template>
<!--  <el-button type="primary" @click="handleLogin">测试登录</el-button>-->
<!--  <el-button type="danger" @click="handleUserList">测试获取用户请求</el-button>--><router-view/>
</template>
<script setup>
// import requestUtil from '@/util/request'
// import store from '@/store'
//
// const handleLogin=async ()=>{
//   let result = await requestUtil.get("test/login");
//   let data = result.data;
//   if(data.code = 200){
//      const token = data.token;
//      console.log("登录成功：token="+token);
//      store.commit('SET_TOKEN',token);
//   }else{
//      console.log("登录出错！");
//   }
// }
//
// const handleUserList=async ()=>{
//   let result = await requestUtil.get("test/user/list");
//   let data = result.data;
//   if(data.code = 200){
//     const userList = data.userList;
//     console.log("用户列表信息：userList="+userList);
//   }
// }</script>
<style>
html,body,#app{height: 100%;
}.app-container{padding:20px
}
</style>

<template><div class="login"><el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form"><h3 class