TS+Axios 能指定解析的对象吗

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 791 天前的主题，其中的信息可能已经有所发展或是发生改变。

我以前是 Android 开发的后台返回的 Json:{ "id":1, "name":"age" } 我在 android 中我定义一个 Bean ，我把 id 的类型定义成 String,我解析出来我用的时候就是 String 。我发现我在 TS+Axios 中，这是我定义的 Bean export interface CategoryData { id?: string

name?: string

parent?: string

sort?: string children?: CategoryData[] }

id 定义为 string 我得到的数据依然是 number 。研究了好多都没有发现怎么解决这个问题，有没有大佬指点 1.2

string

axios

定义

Bean

16 条回复 • 2022-09-30 13:04:42 +08:00

sarices

2022-09-24 16:16:22 +08:00

这不是应该后端返回正确格式吗，你定义这个 interface 只是约束前端而已

thinkershare

2022-09-24 16:17:46 +08:00

你服务器序列化为什么，客户端就解析成什么，这个后 TS 和 axios 都没啥关系。你应该修改你的服务器，让它返回: {"id":"1"} 而不是： {"id":1}

thinkershare

2022-09-24 16:18:14 +08:00

TS 没有 Runtime 行为。

BeautifulSoap

2022-09-24 16:22:49 +08:00 via Android

直接 json 解析不能直接用的，JSON.parse()解析后你需要使用 class-transformer 这个库再做一次转换，把 plain object 转换成具体的 object 。class-transformer 在转换时可以通过装饰器自定义转换逻辑，这样就能达到你的目的了

但是因为 JS 是的动态语言，光这样依旧不能保证你转换后的数据一定符合需要的结构和类型，所以你还需要配合使用 class-validator 这个库给最后的 object 做个一 validation 。

然后你使用 class-transformer ，class-validator
这两个库体验并不好，因为 JS 和 TS 语言本身的问题，所有内嵌类和数组之类的他没法自动识别出是什么类型，所以你还必须手动用装饰器明确标注成员类型

是的，TS 写后端的体验就是这么朴实难用且糟糕：）