axios会通过.then .catch
当得到请求失败的时候,用.catch来捕获错误。
.then来进行正确的请求。
login({
username: this.ruleForm.username,
password: this.ruleForm.password
}).then((response) => {
console.log(response)
sessionStorage.setItem('user', JSON.stringify(this.ruleForm.username))
// let { code } = data
// if (code !== 200) {
// this.$message({
// showClose: true,
// message: '登录失败,密码错误',
// type: 'error'
// })
// }
this.$message({
message: '登录成功',
type: 'success',
showClose: true
})
this.$router.push({ path: '/home' })
})
.catch((error) => {
console.log(error.response)
this.$message({
showClose: true,
message: '登录失败,用户名或密码错误',
type: 'error'
})
})
} else {
console.log('error submit!!') // 验证失败
this.$message({
showClose: true,
message: '请检查用户名输入',
type: 'error'
})
return false
}