控制台请求状态：已取消

请求的时候出现失败，且状态呈现为已取消：

检查了好久发现了问题所在

在html表单中，button元素默认行为是提交表单，如果使用button元素而没有使用type属性，浏览器将会模式类型为submit，这就会导致点击按钮时，触发表单事件，从而中断请求。

解决方案
1、指明type属性

2、把button换成span

---

其它常见原因及解决方法：

在 Vue 项目中，控制台显示 “请求状态已取消”（通常显示为 (canceled) 或 status: canceled）通常是由以下原因导致的

1. 组件销毁时未完成的异步请求

• 原因：当路由切换或