前端接口 JSON 自动生成类型：把 any 赶出项目
很多项目里 <code>res.data</code> 是 any，导致后续所有属性都不报错、也不提示。用接口返回的 JSON 生成类型，是低成本改善类型覆盖的手段。
落地步骤
- 在浏览器 Network 里复制一条成功的响应 JSON。
- 用 工具 生成 interface。
- 在请求封装里标注返回类型。
export interface Root {
id: number;
name: string;
active: boolean;
tags: string[];
profile: {
city: string;
followers: number;
};
scores: number[];
}收益
- 字段改名、删字段会在编译期暴露。
- IDE 自动补全，写业务更快。
- 新人看类型即懂数据结构。
常见问题
只想要类型、不要运行时代价？
生成的是纯类型声明，零运行时开销。
响应结构经常变怎么办？
每次拿到新样本重新生成一次，覆盖旧文件即可，成本极低。
相关阅读