vue登录页面发送请求(登录框界面)

<template>
  <div class="login-div">
    <el-form   status-icon    label-width="100px" class="demo-ruleForm">
      <el-form-item label="用户名" prop="pass">
        <el-input v-model="name" placeholder="请输入用户名"></el-input>
      </el-form-item>
      <el-form-item label="密码"  @input="change($event)" prop="checkPass">
        <el-input type="password" v-model="password"  autocomplete="off"></el-input>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="login"  >提交</el-button>

      </el-form-item>
    </el-form>
  </div>

</template>

<script>
  import {request} from '@/network/request'
  import {Alert} from 'element-ui'
  export default {
    name: "Login",
    methods:{
      change(e){
        this.$forceUpdate()
      },
      login(){

        const url = request.baseUrl+'/login'
        let user = {name:this.name,password:this.password}
        request.post(url,user).then(
          res => {
            console.log(res)
            if(res.code===200) {
              this.$message('登录成功');
              console.log("成功")
            }else{
              this.$message.warning('用户密码错误');
              console.log("失败")
            }
          }
        ).catch(err => {
          this.$message.error('网络请求失败');
        })
      }
    },
    data(){
      return{
        name:'',
        password:'',
      }
    }
  }
</script>

<style scoped>
  .login-div{
    margin:auto;
    width: 500px;
  }

</style>

java代码！！

@PostMapping("/login")
    public RestResult<String> result1(@RequestBody LoginForm loginForm) {
        log.info("form {}",loginForm);
        if("123".equals(loginForm.getName())&&"123".equals(loginForm.getPassword())) {
            log.info("success");
            return ResultUtils.success(null);
        }
        return ResultUtils.error(null) ;
    }