根据接⼝⽂档中提供的⾃定义状态码判断，除了 1 或 200 为成功（实际操作中 1 为成功），其余均为失败。 成功时跳转后台⾸⻚ /home 使⽤ $router.push() 编程式导航⽅法 失败时进⾏提示 // login/index.vue // 3. 响应处理 // 失败时提示 if (data.state !== 1) { return alert(data.message) } // 成功时跳转到⾸⻚，使⽤ this.$router.push() this.$router.push({ name: ‘home’ })

通过 Element 的 message 消息提示 组件进⾏错误提示美化。

Element 除了提供组件之外，还给 Vue 实例提供了⼀些⽅法，通过⽅法可以触发功能。 这⾥使⽤ message 组件中的 $message.error() 与 $message.success() 。 // login/index.vue // 3. 响应处理 // 失败时提示 if (data.state !== 1) { // return alert(data.message) return this.$message.error(data.message) } // 成功时跳转到⾸⻚，使⽤ this.$router.push() this.$router.push({ name: ‘home’ }) this.$message.success(data.message)