前端如何防止接口重复提交?
- 按钮禁用:在用户点击按钮后马上对按钮设置disable属性为true,当接口有返回结果后再对按钮的disable属性置为false
- 防抖或节流
- 加载loading:在发送接口前对整个页面进行加载显示loading,禁止用户进行操作,接口返回后再取消loading
- 在axios请求库中进行同意封装,使用一个变量记录当前正在处理的请求,在发送接口之前,先检查是否存在相同的请求如果存在则不发送新的请求,如果不存在继续进行请求发送
- 唯一标识符:每次请求前都生成一个唯一的标识符,把标识符作为请求的一部分发送到后端,后端接收到请求之后,检查该标识符是否已经被处理过,处理过就不需要再进行重复处理了