vue发送post请求

模拟vue结合axios发送post请求

    //登录方法
    async  login() {
        //先验证表单的合法性
        this.$refs.loginFormRef.validate(async valid=>{
            console.log(valid)
            if(!valid) return this.$message.error('请填写正确的登陆信息')
            let data = {ps:this.loginForm.password,us:this.loginForm.username}
            const res = await this.$http.post('http://localhost:85/user/login',data)
            console.log(res)
            if(res.data.err == -2){
                return this.$message.error('登陆失败')
            }else{
                this.$message.success('登陆成功')
                sessionStorage.setItem('token',123456789)
                this.$router.push('/home')
            }
           
            // *******————真实场景(根据不同项目不同变化)：
            // const {data:res} = await this.$http.post('login',this.loginForm)
            // if(res.meta.status !== 200)  return this.$message.error('登陆失败')
            // this.$message.success('登陆成功')
            // *将token保存在sessionStorage中：
            // sessionStorage.setItem('token',res.data.token)
            // *******————


            //通过编程式导航跳转到指定组件中：
           // this.$router.push('/home')


        })
    },