loginApi(this.ruleForm.username,this.ruleForm.password,this.radio).then(response => { // 处理登录成功的逻辑 console.log(response) // this.$router.push("/auth") }).catch(error => { // 处理登录失败的逻辑 })怎么根据服务端返回的code和data不同处理,模拟登录情况下,密码格式错误,密码错误和用户名不存在的情况
时间: 2023-12-30 20:02:33 浏览: 46
可以根据服务端返回的code和data来判断登录成功或失败的情况,具体代码如下:
```
loginApi(this.ruleForm.username,this.ruleForm.password,this.radio).then(response => {
if (response.code === 200) { // 登录成功
console.log(response.data)
this.$router.push("/auth")
} else if (response.code === 400) { // 密码格式错误
console.log('密码格式错误')
} else if (response.code === 401) { // 密码错误
console.log('密码错误')
} else if (response.code === 404) { // 用户名不存在
console.log('用户名不存在')
}
}).catch(error => {
// 处理登录失败的逻辑
})
```
这里假设服务端返回的数据格式如下:
- 登录成功:`{ "code": 200, "data": { "token": "xxxxxx" } }`
- 密码格式错误:`{ "code": 400, "msg": "密码格式错误" }`
- 密码错误:`{ "code": 401, "msg": "密码错误" }`
- 用户名不存在:`{ "code": 404, "msg": "用户名不存在" }`