接口封装、表单与前后端联调
Vue与React 前端开发基础#Python全栈#第八阶段#Vue与React 前端开发基础#接口封装、表单与前后端联调约 706 字 · 2 分钟阅读
追问显示点击任意追问卡片可收起 / 展开
前端请求模块应该封装哪些共性,又不应包办哪些业务判断?
追问 基础地址、超时、身份信息与统一错误转换怎样处理?字段校验和页面跳转是否都应写进底层请求函数?
联调一个 Python 后端列表接口前,需要确认哪些约定?
追问 路径、方法、查询字段、分页格式、空结果和错误结构怎样记录,减少前后端互相猜测?
如何在 Vue 或 React 页面中组织首次加载、参数变化与手动刷新?
追问 怎样避免生命周期、监听和点击处理重复触发同一请求?是否所有数据获取都必须手写在组件 Effect 中?
如何表示加载、成功、空数据和失败状态?
追问 首次加载与保留旧数据的刷新有何区别?怎样避免多个布尔字段组合出不合理的界面?
实现服务端分页时,筛选、页码与总条数应如何联动?
追问 更改筛选后是否重置页码?删除最后一页的最后一条记录后,怎样处理越界页和重新加载?
如何把后端字段错误映射到编辑表单?
追问 字段不存在、全局业务错误与网络故障如何区分?提交失败后怎样保留用户输入并允许修正?
保存按钮如何防止连续操作造成混乱?
追问 提交状态、按钮禁用、请求结果反馈与后端幂等分别解决什么问题?结果未知时为什么不能随意重试写操作?
接口返回 401 或 403 时,前端应该怎样响应?
追问 并发请求同时失败时如何避免重复提示和跳转?身份过期与权限不足为什么不应统一清空所有状态?
Cookie 与请求头携带身份信息时,前后端需要协调什么?
追问 请求凭据选项、跨域配置、Cookie 属性与 CSRF 防护如何影响联调?为什么不应把登录方案简化为“保存一个字符串”?
如何设计列表删除或收藏操作的更新方式?
追问 等待服务端成功再更新与乐观更新各有何取舍?失败恢复、并发操作和重新获取数据如何处理?