老师为啥我的接口都不正确，我还是显示的登陆失败，不会显示请求失败啊

<template>

<div class="wrapper">

<img

src="http://www.dell-lee.com/imgs/vue3/user.png"

class="wrapper__img"

/>

<div class="wrapper__input">

<input

class="wrapper__input__content"

placeholder="请输入用户名"

v-model="data.username"

/>

</div>

<div class="wrapper__input">

<input

class="wrapper__input__content"

type="password"

placeholder="请输入密码"

v-model="data.password"

/>

</div>

<div class="wrapper__login-button" @click="handleLogin">登录</div>

<div class="wrapper__login-link" @click="handleRegisterClick">立即注册</div>

</div>

</template>

<script>

import { reactive } from "vue";

import { useRouter } from "vue-router";

import axios from "axios";

axios.defaults.headers.post["Content-Type"] = "application/json";

export default {

name: "Login",

setup() {

const data = reactive({

username: "",

password: "",

});

const router = useRouter();

const handleLogin = async () => {

try {

const result = await axios.post(

"https://www.fastmock.site/mock/ae8e9031947a302fed5f92425995aa19/jd/api/user/logi",

{

username: data.username,

password: data.password,

}

);

console.log(result);

if (result?.data?.errno === 0) {

//请求成功

localStorage.isLogin = true;

router.push({ name: "Home" });

} else {

alert("登陆失败");

}

} catch (e) {

alert("请求失败");

}

};

//点击立即注册跳转到注册页面

const handleRegisterClick = () => {

router.push({ name: "Register" });

};

return {

handleLogin,

handleRegisterClick,

data,

};

},

};

</script>

<style lang="scss" scoped>

@import "../../style/viriables.scss";

.wrapper {

position: absolute;

top: 50%;

left: 0;

right: 0;

transform: translateY(-50%);

&__img {

display: block;

margin: 0 auto 0.4rem auto;

width: 0.66rem;

height: 0.66rem;

}

&__input {

box-sizing: border-box;

height: 0.48rem;

margin: 0 0.4rem 0.16rem 0.4rem;

padding: 0 0.16rem;

background: #f9f9f9;

border: 0.01rem solid rgba(0, 0, 0, 0.1);

border-radius: 0.06rem;

&__content {

line-height: 0.48rem;

width: 100%;

font-size: 0.16rem;

color: $content-notice-fontcolor;

border: none;

outline: none;

background: none;

&::placeholder {

color: $content-notice-fontcolor;

}

}

}

&__login-button {

margin: 0.32rem 0.4rem 0.16rem 0.4rem;

line-height: 0.48rem;

font-size: 0.16rem;

background: #0091ff;

box-shadow: 0 4px 8px 0 rgba(0, 145, 255, 0.32);

border-radius: 0.04rem;

color: #fff;

text-align: center;

}

&__login-link {

text-align: center;

font-size: 0.14rem;

color: #777;

}

}

</style>