记录后端不同请求方式的接口,使用vue3框架下的前端axio请求不同写法

    @GetMapping("/index")
    public ResponseResult index() {..}

indexInfo().then(res => {
    if (res.data.code == 200) {
        ElNotification({
            message: res.data.data.msg || "加载成功",
            type: 'success',
            duration: 2000
        })
        animArry.value = res.data.data.records;
        console.log(res.data.data.records)

    }
})

export function indexInfo() {
  return axios.get("/t-animal/index")
}

    @GetMapping(value = "/send")
    public ResponseResult code(@RequestParam("phone") String phone) {..}

const onSend = () => {
    const params = {
        phone: form.phone
    }
    axios.get('/send', { params }).then((res) => {
        console.log(res.data);
    })

}

    @PostMapping("/user/login")
    public ResponseResult login(@RequestBody User user, HttpServletResponse response) throws JsonProcessingException {..}

const onSubmit = () => {
    formRef.value.validate((valid) => {
        if (!valid) {
            return false
        }
        loading.value = true
        login(form.userName, form.password)
            .then(res => {
                console.log(res);
                if (res.data.code == 401) {
                    ElNotification({
                        message: res.data.msg || "登录失败",
                        type: 'warning',
                        duration: 2000
                    })
                } else if (res.data.code == 200) {
                    ElNotification({
                        message: res.data.msg || "登录成功",
                        type: 'success',
                        duration: 2000
                    })
                    setToken(res.data.data.token)
                    router.push("/")
                }
                //拿到请求成功的结果
            }).finally(()=>{
                loading.value = false
            })
    })
}

export function login(userName, password) {
  return axios.post("/user/login", {
    userName, password
  })
}

    public ResponseResult Declare(@RequestBody Declare declare) {..}

const onSubmit = () => {
    formRef.value.validate(async (valid) => {
        const resp = await axios.post('/t-animal/declare', declare2)
        if (resp.data.code == 200) {
            console.log('200');
        } else {
            console.log('error');
        }
        loading.value = false
    })
}