前端静态登录页面实现

<template>


  <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