数据保存的 错误提示 。怎么确认是 前端限制的,还是后端限制的 ? 比较简单的两种方式 。
- 2026-06-30 15:22:00
- IDO老徐 原创
- 15
通用判断方法
1. 看 Network(最直接)
现象 |
多半是 |
点保存后没有对应 API 请求 |
前端拦截 |
有 API 请求,状态码 4xx/200 但 success: false / code: -1 |
后端校验 |
请求都没发出去,Console 就有校验报错 |
前端拦截 |
操作步骤:
- 打开 DevTools → Network
- 勾选 Preserve log(避免跳转后记录丢失)
- 复现保存操作
- 看有没有 update / save 之类接口
- 点开 Response / Preview,看 message 是否就是页面提示
2. 看请求是否真的发出(前端拦截的典型特征)
前端常见拦截方式:
- 表单 rules / validator(Element Plus、Ant Design Vue 等)
- 提交前 if (!valid) return
- 按钮在非法时 disabled
表现:
- 输入框下方/旁边红字,不一定有 Toast
- Network 里没有 save/update
- Console 可能有 validation failed、form validate 之类日志
个人IP(副业)
小红书高频问题
公众号-IDO老徐
IDO老徐
全网同名,个人IP公众号
日更10年,每天 1 分钟、解决 1 个问题
职场、副业、轻创业、写作、个人IP
公众号、视频号、小红书、知乎
长按/扫码,关注IDO老徐
关注回复 401 送你「十年原创资料包」
联系老徐
| 联系人: | IDO老徐 |
|---|---|
| Email: | 957863300@qq.com |
| QQ: | 957863300 |
| 微信: | 957863300 |
| 微博: | isTester |
| 网址: | idoxu.com |
| 地址: | 中国 · 广东 · 深圳 |
轻创业
个人微信
来源备注:老徐博客